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()内部的数值以空格分隔的方式，不支持以逗号分隔。

示例：