CSS clip プロパティ

画像を切り取ります：

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

定義と用法

画像が包含要素より大きければ、どうしますか? - clip プロパティを使用すると、絶対配置指定の要素を切取るための矩形を指定することができます。矩形は、切り取られる要素の左上隅からの 4 つの座標として指定します。

注:"overflow:visible"の場合、 clip プロパティは動作しません。

デフォルト値：	auto
継承：	継承する
アニメーション可否：	可。animatable を参照 Try it
バージョン：	CSS2
JavaScript 構文：	object.style.clip="rect(0px,50px,50px,0px)" Try it

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
clip	1.0	8.0	1.0	1.0	7.0

clip: auto|shape|initial|inherit;

値	説明	Play it
auto	切取りを適用しません。これがデフォルトです	Play it ❯
shape	要素を切取ります。有効な値は、rect (top, right, bottom, left) のみです	Play it ❯
initial	プロパティにデフォルト値を設定します。initial を参照	Play it ❯
inherit	このプロパティは親要素を継承します。inherit を参照