CSS clipプロパティ

例

画像を切り抜く：

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

画像がそれを含む要素より大きい場合はどうなりますか？ - clip プロパティを使用すると、絶対配置された要素の表示サイズを指定できます。その要素はこの形状に切り抜かれて表示されます。

注意：「overflow: visible」が先に設定されている場合、clip プロパティは機能しません。

デフォルト値：	auto
継承：	no
バージョン：	CSS2
JavaScript 構文：	object.style.clip="rect(0px,50px,50px,0px)"

表内の数字は、そのプロパティをサポートする最初のブラウザバージョンを示しています。

プロパティ
clip	1.0	8.0	1.0	1.0	7.0

值	説明
shape	要素の形状を設定します。唯一の有効な形状値は：rect (top, right, bottom, left)
auto	デフォルト値。クリッピングは適用されません。
inherit	親要素から clip プロパティの値を継承することを指定します。

CSS チュートリアル：CSS 位置指定

その他の拡張