css clip 剪切

puspos

于 2020-11-10 10:23:54 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

分类专栏： css

本文链接：https://blog.youkuaiyun.com/puspos/article/details/109593567

css 专栏收录该内容

11 篇文章

订阅专栏

CSS的clip属性用于对绝对定位元素进行矩形剪裁，rect参数定义了剪切的四个方向。当设置为rect(0px, auto, auto, 0px)时，元素的右侧和底部将不会被剪裁。" 110349966,10294440,Python与MATLAB绘制甘特图详解,"['Python', '数据可视化', '图表绘制', 'MATLAB']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

clip:rect 矩形剪裁只能作用于 position:absolute 的元素上。

<style type="text/css">
img 
{
//使用clip时必须有
position:absolute;
clip:rect(0px 50px 200px 0px)
}
</style>

rect(top, right, bottom, left) 顺时针
rect(0px, auto, auto, 0px) 两个auto表示right和bottom位置不动，对right和bottom不剪裁
在这里插入图片描述

参考：https://blog.youkuaiyun.com/luotianyi1205/article/details/78340562