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 属性