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
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“CSS clip元素rect属性中各个参数的含义示例介绍”评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。