clip
- 版本：CSS2/3
- 媒体：视觉
语法：
取值：
- 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个像素开始剪切直至最底部，左边不剪切
- inset(<number>|auto <number>|auto <number>|auto <number>|auto)：
- 该剪裁方式与 rect() 类似，不同的是 inset() 的剪裁，每个方位都是参照该方位的边界来进行裁剪的。
- 上-右-下-左 方位的裁剪：从0开始剪裁直到设定值，即 上-右-下-左 方位的auto值都等同于0；（CSS3）
说明：
兼容性：
- = 支持
- = 不支持
- = 部分支持
| Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
|---|---|---|---|---|---|---|---|---|
| Basic Support #1 | 6.0+ | 2.0+ | 4.0+ | 3.1+ | 7.0+ | 3.2+ | 2.1+ | 4.0+ |
| rect(逗号分隔) | 7.0 | 2.0+ | 4.0+ | 3.1+ | 7.0+ | 3.2+ | 2.1+ | 4.0+ |
| 8.0+ | ||||||||
| inset() | 11.0 | 38.0 | 43.0 | 8.1 | 28.0 | 8.1 | 4.4.4 | 40.0 |
- Basic Support包含值：auto | rect(空格分隔)