<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="説明">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">clip</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</span> CSS <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">継承 : なし</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>配置可能な要素のクリップ領域を定義します。クリップ領域とは、要素レイヤー内にある、コンテンツが表示される部分です。コンテンツのクリッピングを最適に行うには、コンテンツを持つ要素を <span class="literal">clip</span> 属性が目的の領域に設定されている <span class="literal">div</span> 要素内に折り返します。クリッピングは Macintosh 版 Internet Explorer 4 では正常に動作しない場合がありますが、バージョン 5 では正常に動作します。また、Navigator 4 で、クリッピングされた要素がページの一番下に表示される場合、ブラウザウィンドウはクリップ領域の一番下までスクロールしても表示できないことがあります。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS 構文</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>clip: rect(<span class="replaceable">lengthTop</span> <span class="replaceable">lengthRight</span> <span class="replaceable">lengthBottom</span> <span class="replaceable">lengthLeft</span>) | auto</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">値</span></td>
				</tr>
				<tr>
					<td><p>CSS2 までの範囲。クリップ属性が認識する唯一のシェープは <span class="literal">rect</span> です。他のシェープは今後使用できる可能性もあります。
</p><p>クリッピングを行う領域の各辺について長さを指定する場合、指定は時計回りに上、右、下、左の順序で行います。詳しくは本章の始めにある length の値についての説明を参照してください。値 <span class="literal">auto</span> を指定すると、クリップ領域がそのコンテンツのあるブロックに設定されます。IE 4 では、ブロックの幅を、すぐ外側にあるコンテナ (<span class="literal">body</span> 要素など) の幅まで広げることができます。
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">既定値</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">auto</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">例</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;span style="position: absolute; clip: rect(10px 110px 80px 10px)"&gt;
&lt;img src="desk1.gif" height="90" width="120"&gt;
&lt;/span&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">適用先</span></td>
				</tr>
				<tr>
					<td><p>ブロックレベル要素、置換された要素、および配置された要素</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">オブジェクト参照</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.clip</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>