CSS clip 属性
定义和用法
如果图像大于其包含的元素，会发生什么情况?
clip 属性允许您指定一个矩形来剪裁绝对定位的元素。矩形指定为四个坐标，所有坐标都从要剪裁的元素的左上角开始。
注释: 如果 "overflow:visible" ，则 clip 剪辑属性不起作用。
注释: clip 属性已弃用，将来将被
clip-path 属性替换。
| 默认值: | auto |
|---|---|
| 继承性: | no |
| 支持动画: | yes. 阅读有关动画的信息 测试一下 |
| 版本: | CSS2 |
| JavaScript 语法: | object.style.clip="rect(0px,50px,50px,0px)" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
语法
clip: auto|shape|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| auto | 默认值。不应用任何剪裁。 | 亲自试一试 » |
| shape | 设置元素的形状。唯一合法的形状值是：rect (top, right, bottom, left) | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
相关页面
CSS 教程: CSS Positioning
HTML DOM 参考手册: clip 属性
