clip

語法:

clip:auto | rect(<number>|auto <number>|auto <number>|auto <number>|auto)

默認值auto

取值:

auto:
對象無剪切
rect(<number>|auto <number>|auto <number>|auto <number>|auto):
依據上-右-下-左的順序提供自對象左上角爲(0,0)坐標計算的四個偏移數值,其中任一數值都可用auto替換,即此邊不剪切。

示例:clip:rect(auto 50px 20px auto);

說明:上邊不剪切,右邊從第50個像素開始剪切直至最右邊,下邊從第20個像素開始剪切直至最底部,左邊不剪切

IE7及以下浏览器只支持rect(<number> <number> <number> <number>)的方式,其它浏览器还支持rect(<number>,<number>,<number>,<number>)加逗号的方式。

說明:

檢索或設置對象的可視區域。區域外的部分是透明的。
  • 必須將position的值設爲absolute,此屬性方可使用。
  • 對應的腳本特性爲clip

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
較早版本 6.0-7.0 #1 4.0 5.1 13.0 11.50
較新版本 8.0
  1. IE7及更早浏覽器只支持rect()內部的數值以空格分隔的方式,不支持以逗號分隔。

示例: