©
本文檔使用 php中文網手册 發布
语法：
clip：auto | <shape>
<shape>：rect(<number>|auto <number>|auto <number>|auto <number>|auto)
默认值：auto
适用于：绝对定位元素
继承性：无
动画性：当值为<shape>时
计算值：指定的值
媒体：视觉
取值：
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个像素开始剪切直至最底部，左边不剪切
* CSS3新增属性可能存在描述错误及变更，仅供参考，持续更新
说明：
检索或设置对象的可视区域。区域外的部分是透明的。
这个属性将被废弃，推荐使用 clip-path 代替，在过渡阶段，仍然会存在一段时间。
必须将position的值设为absolute或者fixed，此属性方可使用。
对应的脚本特性为clip。
兼容性：
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>clip_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
.test {
position: absolute;
height: 50px;
line-height: 50px;
clip: rect(0 auto 35px 10px);
background: #eee;
}
</style>
</head>
<body>
<div class="test">看看被剪切后的效果</div>
</body>
</html>
点击 "运行实例" 按钮查看在线实例