亚洲区国产区激情区无码区,国产成人mv视频在线观看,国产A毛片AAAAAA,亚洲精品国产首次亮相在线

CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS clip 屬性使用方法及示例

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

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

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

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

警告：請勿使用此屬性，因為自CSS3 起已棄用該屬性，并將其從以后的版本中刪除。盡管某些瀏覽器可能仍支持它。

clip的使用語法

該屬性的語法如下：

clip: shape | auto | initial | inherit

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

  img {
   position: absolute;
   clip: rect(0px,50px,200px,10px);
  }
測試看看?/?

屬性值

下表描述了此屬性的值。

值描述
shape

剪輯一個元素。唯一有效的形狀值是rect(top, right, bottom, left)。其中，頂部和底部指定來自框的頂部邊框邊緣的偏移量，而右側和左側指定來自框的左側邊框邊緣的偏移量。

top，right，bottom和left可以具有長度值或auto。允許負長度。

auto元素不裁剪。這是默認值。
initial將此屬性設置為其默認值。
inherit如果指定，則關聯(lián)元素采用其父元素clip的屬性值。

瀏覽器兼容性

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

瀏覽器圖標

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 7+

進一步閱讀

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

相關屬性：position，display，overflow，overflow-x，overflow-y。