阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    CSS clip

    CSS clip

    裁剪一张图像:

    img {
        position:absolute;
        clip:rect(0px,60px,200px,0px);
    }
    

    属性定义及使用说明

    如果图像大于包含它的元素,会发生什么?-clip属性,让你指定一个绝对定位的元素,该尺寸应该是可见的,该元素被剪裁成这种形状并显示。

    注意:: 如果先有"overflow:visible",clip属性不起作用。

    默认值: auto
    继承: no
    版本: CSS2
    JavaScript 语法: object.style.clip=“rect(0px,50px,50px,0px)”

    浏览器支持

    表格中的数字表示支持该属性的第一个浏览器版本号。

    属性 IE Chrome FF safari Open
    clip 1.0 8.0 1.0 1.0 7.0

    属性值

    描述
    shape 设置元素的形状。唯一合法的形状值是:rect (top, right, bottom, left)
    auto 默认值。不应用任何剪裁。
    inherit 规定应该从父元素继承 clip 属性的值。

    相关文章

    CSS 教程: CSS Positioning

    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录