阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    CSS3 background-size

    CSS3 background-size

    指定背景图像的大小:

    div {
        background:url(img_flwr.gif);
        background-size:80px 60px;
        background-repeat:no-repeat;
    }
    

    浏览器支持

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

    紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

    属性 IE Chrome FF safari Open
    background-size 4.0
    1.0 -webkit-
    9.0 4.0
    3.6 -moz-
    4.1
    3.0 -webkit-
    10.5
    10.0 -o-

    标签定义及使用说明

    background-size属性指定背景图片大小。

    默认值: auto
    继承: no
    版本: CSS3
    JavaScript 语法: object

    语法

    background-size: length|percentage|cover|contain;
    
    描述
    length 设置背景图片高度和宽度。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为 auto(自动)
    percentage 将计算相对于背景定位区域的百分比。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为"auto(自动)"
    cover 此时会保持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小。
    contain 此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小。

    卖前端学习教程

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

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

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

    目录
    目录