Style clip 屬性

定義和用法

clip 屬性設置或返回定位元素的哪一部分是可見的。

另請參考：

CSS 教程：CSS Pagpapatayong Lokasyon

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。

技术细节

默认值： Wala
Halimbawa ng Bunga: Ang string na naglalarawan ng nakikitang bahagi ng lokasyon ng elementong pag-locate.
Versyon ng CSS: CSS2

Suporta ng Browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporta Suporta Suporta Suporta Suporta