スタイルクリッププロパティ
例
画像を指定された形状にクリップします。
document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
定義と使用法
clipプロパティは、配置された要素のどの部分を表示するかを設定または返します。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
clip | Yes | Yes | Yes | Yes | Yes |
構文
クリッププロパティを返します。
object.style.clip
クリッププロパティを設定します。
object.style.clip = "auto|rect(top right bottom left)|initial|inherit"
プロパティ値
Value | Description |
---|---|
auto | Default. The element does not clip |
rect(top right bottom left) | Clips the shape defined by the four coordinates |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | 自動 |
---|---|
戻り値: | 表示される配置された要素の部分を表す文字列 |
CSSバージョン | CSS2 |
その他の例
例
クリッププロパティを返します。
alert(document.getElementById("myImg").style.clip);
関連ページ
CSSチュートリアル:CSSポジショニング
CSSリファレンス:クリッププロパティ
❮スタイルオブジェクト