閱讀(34.6k) 書(shū)簽贊(2) 我要糾錯(cuò)

CSS clip 屬性

2022-06-02 15:26 更新

實(shí)例

裁剪一張圖像：

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

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

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

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

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

屬性
clip	1.0	8.0	1.0	1.0	7.0

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