阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    CSS background-repeat

    CSS background-repeat

    只有垂直方向重复background-image:

    body {
        background-image:url('paper.gif');
        background-repeat:repeat-y;
    }
    

    标签定义及使用说明

    设置如何平铺对象的 background-image 属性。

    默认情况下,重复background-image的垂直和水平方向。

    默认值: repeat
    继承: no
    版本: CSS1
    JavaScript 语法: object

    浏览器支持

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

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

    属性 IE Chrome FF safari Open
    background-repeat 1.0 4.0 1.0 1.0 3.5

    IE8以及更早版本的浏览器不支持多个背景图像在一个元素。

    注意 IE7和更早的版本不支持"inherit(继承)“的值。 IE8需要定义!DOCTYPE。 IE9支持"inherit(继承)"。


    提示和注释

    提示: background-position属性设置背景图像位置。如果指定的位置是没有任何背景,图像总是放在元素的左上角。


    属性值

    说明
    repeat 背景图像将向垂直和水平方向重复。这是默认
    repeat-x 只有水平位置会重复背景图像
    repeat-y 只有垂直位置会重复背景图像
    no-repeat background-image不会重复
    inherit 指定background-repea属性设置应该从父元素继承

    相关文章

    卖前端学习教程

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

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

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

    目录
    目录