CSS clip 属性
如果图像大于包含它的元素，会发生什么 ？
clip属性，让你指定一个绝对定位的元素，该尺寸应该是可见的，该元素被剪裁成这种形状并显示
如果先有 "overflow：visible"，clip 属性不起作用
| 默认值 | auto |
|---|---|
| 继承 | no |
| 版本 | css2 |
| JavaScript 语法: | object.style.clip="rect(0px,50px,50px,0px)" |
语法
clip: *shape* | auto | inherit属性值
| 值 | 描述 |
|---|---|
| shape | 设置元素的形状。唯一合法的形状值是：rect (top,right,bottom,left) |
| auto | 默认值。不应用任何剪裁 |
| inherit | 规定应该从父元素继承 clip 属性的值 |
范例
裁剪一张图像
img {
position:absolute;
clip:rect(0px,60px,200px,0px);
}本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！