目录

style clip 属性

示例

将图片裁剪为指定形状:

document.getElementById("myImg").style.clip = "rect(0px 75px 75px 0px)";
亲自试一试 »

描述

Clip 属性设置或返回定位元素的哪一部分可见。


浏览器支持

Property
clip Yes Yes Yes Yes Yes

语法

返回剪辑属性:

object.style.clip

设置剪辑属性:

object.style.clip = "auto|rect( top right bottom left)|initial|inherit"

属性值

Value Description
auto Default. The element does not clip
rect(top right bottom left) Clips the shape defined by the four coordinates
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


技术细节

默认值: 汽车
返回值: 一个字符串,表示定位元素的可见部分
CSS版本 CSS2

更多示例

示例

返回剪辑属性:

alert(document.getElementById("myImg").style.clip);
亲自试一试 »

相关页面

CSS教程:CSS定位

CSS 参考:剪辑属性