CSS 參考手冊

CSS @規(guī)則(RULES)

剪輯一個(gè)元素。唯一有效的形狀值是:rect(上、右、下、左)。其中，頂部和底部指定來自框的頂部邊框邊緣的偏移量，而右側(cè)和左側(cè)指定來自框的左側(cè)邊框邊緣的偏移量。頂部、右側(cè)、底部和左側(cè)可以具有長度值或auto。允許負(fù)長度。

clip CSS屬性為絕對定位的元素定義剪切區(qū)域。但是，如果將overflow屬性設(shè)置為visible，則它將不起作用。

下表為此屬性的用法說明和版本歷史記錄，以及該屬性在javascript腳本中的使用語法。

默認(rèn)值：	auto
適用于：	絕對定位的元素
繼承：	沒有
可動(dòng)畫制作：	是。查看動(dòng)畫屬性。
版本：	CSS 2、3
JavaScript 語法:	object.style.clip="rect(0px,50px,50px,0px)"

警告：請勿使用此屬性，因?yàn)樽訡SS3 起已棄用該屬性，并將其從以后的版本中刪除。盡管某些瀏覽器可能仍支持它。

該屬性的語法如下：

clip: shape | auto | initial | inherit

下面的示例演示了如何使用clip屬性。

示例

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

下表描述了此屬性的值。

值	描述
shape	剪輯一個(gè)元素。唯一有效的形狀值是rect(top, right, bottom, left)。其中，頂部和底部指定來自框的頂部邊框邊緣的偏移量，而右側(cè)和左側(cè)指定來自框的左側(cè)邊框邊緣的偏移量。 top，right，bottom和left可以具有長度值或auto。允許負(fù)長度。
auto	元素不裁剪。這是默認(rèn)值。
initial	將此屬性設(shè)置為其默認(rèn)值。
inherit	如果指定，則關(guān)聯(lián)元素采用其父元素clip的屬性值。

clip屬性瀏覽器的兼容性，下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號；所有主流瀏覽器均支持該屬性。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 7+

請參考以下教程：CSS位置，CSS溢出，CSS顯示。