时间:2016-01-22 07:26 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【CSS clip元素rect属性中各个参数的含义示例介绍】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
CSS clip元素rect属性中各个参数的含义示例介绍
clip 属性剪裁绝对定位元素
当一幅图像的尺寸大于包含它的元素时会发生什么呢？"clip" 属性允许您规定一个元素的可见尺寸，这样此元素就会被修剪并显示为这个形状。
说明：
这个属性用于定义一个剪裁矩形。对于一个绝对定义元素，在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大，也可能比内容区小。
复制代码
代码如下:rect(30px 200px 200px 20px)
表示的含义就是：
最终剪裁的矩形的上边距离原始元素的上边缘30像素；
剪裁矩形的右边缘距离原元素左边缘的距离是200像素；
剪裁矩形的下边缘距离原元素顶部的距离为200像素；
剪裁矩形的左边缘距离原元素左边缘的距离是20像素。
关于CSS clip元素rect属性中各个参数的含义示例介绍的相关讨论如下：
相关问题：css的clip怎么理解
答：clip属性说明： 检索或设置对象的可视区域。可视区域外的部分是透明的。 此属性定义了绝对(absolute)定位对象可视区域的尺寸。必须将 position 属性的值设为 absolute ，此属性方可使用。 clip属性基础语法： clip : auto rect ( number number ... >>详细
相关问题：css高手看这里！！ 关于overflow-clip的问题 我设...
答：clip:rect(0px,60px,200px,0px);position:absolute; 试一下 >>详细
相关问题：clip: rect( 0px 120px 135px 0px )是什么意思啊
答：不知道是什么语言的，但是看来应该是画一个四方形，四个数字应该是坐标，是四方形的两个顶点。 >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-