Style clip 属性

定義と用法

clip 属性設定または返却値は、どの部分が表示されるかを決定します。

参照：

CSS 教程：CSS 定位

CSS 参考マニュアル：clip 属性

インスタンス

例 1

指定された形状に画像をカットアウトします：

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";

自分で試してみてください

例 2

clip 属性を返します：

alert(document.getElementById("myImg").style.clip);

自分で試してみてください

構文

clip 属性を返します：

object.style.clip

clip 属性の設定：

object.style.clip = "auto|rect(top right bottom left)|initial|inherit"

属性値

値 説明
auto デフォルト。要素をカットアウトしません。
rect(top right bottom left) 四つの座標で定義された形状をカットアウトします。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性は親要素から継承されます。参照してください inherit。

技術的詳細

デフォルト値： なし
返り値： 定位要素の見える部分を示す文字列。
CSS バージョン： CSS2

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート