clip
- 版本:CSS2/3
- 2018.2.27
语法:
取值:
- auto:
- 对象无剪切
- rect(<number>|auto <number>|auto <number>|auto <number>|auto):
- 依据上-右-下-左的顺序提供自对象左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用
auto
替换,即此边不剪切。 - 上-左 方位的裁剪:从0开始剪裁直到设定值,即 上-左 方位的
auto
值等同于0; - 右-下 方位的裁剪:从设定值开始剪裁直到最右边和最下边,即 右-下 方位的
auto
值为盒子的实际宽度和高度; -
示例:
clip: rect(auto 50px 20px auto)
说明:上边不剪切,右边从左起第50个像素开始剪切直至最右边,下边从上起第20个像素开始剪切直至最底部,左边不剪切
说明:
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support #1 | 8.0+ | 40.0+ | 40.0+ | 8.0+ | 40.0+ | 8.0+ | 4.4+ | 28.0+ |
rect(逗号分隔) |
- Basic Support包含值:auto | rect(空格分隔)