閱讀(35.1k) 書簽贊(2) 我要糾錯

CSS clip 屬性

2022-06-02 15:26 更新

實例

裁剪一張圖像：

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

如果圖像大于包含它的元素，會發(fā)生什么？-clip屬性，讓你指定一個絕對定位的元素，該尺寸應(yīng)該是可見的，該元素被剪裁成這種形狀并顯示。

注意：: 如果先有"overflow：visible"，clip屬性不起作用。

默認值:	auto
繼承:	no
版本:	CSS2
JavaScript 語法:	object.style.clip="rect(0px,50px,50px,0px)"

表格中的數(shù)字表示支持該屬性的第一個瀏覽器版本號。

屬性
clip	1.0	8.0	1.0	1.0	7.0

值	描述
shape	設(shè)置元素的形狀。唯一合法的形狀值是：rect (top, right, bottom, left)
auto	默認值。不應(yīng)用任何剪裁。
inherit	規(guī)定應(yīng)該從父元素繼承 clip 屬性的值。