CSS2 布局 clip

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

语法:

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

示例: