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
支持 支持 支持 支持 支持