目录

CSS clip 属性(已弃用)


示例

剪辑图片:

img {
  position: absolute;
  clip: rect(0px,60px,200px,0px);
}
亲自试一试 »

定义和用法

笔记:这个clip属性已弃用并由 clip-path属性。

这个clip属性允许您指定一个矩形来剪辑绝对定位的元素。该矩形被指定为四个坐标,全部从要剪切的元素的左上角开始。

笔记:这个clip如果"overflow:visible",属性将不起作用。

展示演示❯

默认值: 汽车
遗传:
可动画: 是的。阅读可动画的尝试一下
版本: CSS2
JavaScript 语法: 对象.style.clip="rect(0px,50px,50px,0px)"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
clip 1.0 8.0 1.0 1.0 7.0


CSS 语法

clip: auto| shape|initial|inherit;

属性值

Value Description Demo
auto No clipping will be applied. This is default Demo ❯
shape Clips an element. The only valid value is: rect (top, right, bottom, left) Demo ❯
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit

相关页面

CSS教程:CSS定位

HTML DOM 参考:剪辑属性