CSS 参考手册

CSS @规则(RULES)

要素を編集します。有効な形状値はrect(上、右、下、左)です。その中で、上と下はボックスの上部境界線から離れたオフセット量を指定し、右と左はボックスの左側境界線から離れたオフセット量を指定します。上、右、下、左は長さ値またはautoを持つことができます。負の長さも許可されます。

clip CSS属性は、絶対位置の要素に対して剪切エリアを定義します。しかし、visible属性に設定された場合、機能しません。overflow属性がvisibleに設定された場合、機能しません。

以下の表は、この属性の使用方法とバージョン履歴、JavaScriptスクリプトでの使用構文を示しています。

デフォルト値：	auto
適用：	絶対位置の要素
継承：	ありません
アニメーション可能：	はい。アニメーション属性を確認してください。
バージョン：	CSS 2、3
JavaScript 構文:	object.style.clip="rect(0px,50px,50px,0px)"

警告：CSSから廃止されており、使用しないでください。3 既にこの属性は廃止されており、今後のバージョンから削除されます。しかし、一部のブラウザではまだサポートされています。

この属性の構文は以下の通りです：

clip:　shape　|　auto　|　initial　|　inherit

以下の例では、clip属性の使用方法を示しています。

例

　　img　{
　　　position:　absolute;
　　　clip:　rect(0px,50px,200px,10px);
　　}

以下の表は、この属性の値を説明しています。

値	説明
shape	要素をクリップします。有効な形状値はrect(top, right, bottom, left)のみです。その中で、トップとボトムはフレームのトップエッジからのオフセット量を指定し、ライトとレフトはフレームの左エッジからのオフセット量を指定します。 top、right、bottom、leftには長さ値またはautoを使用できます。負の長さも許可されます。
auto	要素はクリップされません。これはデフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のclip属性の値を使用します。

clip属性のブラウザの互換性を確認してください。下の表の数字は、この属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザがこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 7+

以下のチュートリアルを参照してください：CSS位置、CSSオーバーフロー、CSS表示。