幽灵资源网 Design By www.bzswh.com
clip 属性剪裁绝对定位元素
当一幅图像的尺寸大于包含它的元素时会发生什么呢?"clip" 属性允许您规定一个元素的可见尺寸,这样此元素就会被修剪并显示为这个形状。
说明:
这个属性用于定义一个剪裁矩形。对于一个绝对定义元素,在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大,也可能比内容区小。
复制代码代码如下:
rect(30px 200px 200px 20px)
表示的含义就是:
最终剪裁的矩形的上边距离原始元素的上边缘30像素;
剪裁矩形的右边缘距离原元素左边缘的距离是200像素;
剪裁矩形的下边缘距离原元素顶部的距离为200像素;
剪裁矩形的左边缘距离原元素左边缘的距离是20像素。
当一幅图像的尺寸大于包含它的元素时会发生什么呢?"clip" 属性允许您规定一个元素的可见尺寸,这样此元素就会被修剪并显示为这个形状。
说明:
这个属性用于定义一个剪裁矩形。对于一个绝对定义元素,在这个矩形内的内容才可见。出了这个剪裁区域的内容会根据 overflow 的值来处理。剪裁区域可能比元素的内容区大,也可能比内容区小。
复制代码代码如下:
rect(30px 200px 200px 20px)
表示的含义就是:
最终剪裁的矩形的上边距离原始元素的上边缘30像素;
剪裁矩形的右边缘距离原元素左边缘的距离是200像素;
剪裁矩形的下边缘距离原元素顶部的距离为200像素;
剪裁矩形的左边缘距离原元素左边缘的距离是20像素。
标签:
css,clip,rect
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...