background-repeat
- 版本:CSS1/3
- 2018.3.14
语法:
background-repeat:<repeat-style> [ , <repeat-style> ]*
<repeat-style> = repeat-x | repeat-y | [repeat | no-repeat | space | round]{1,2}
默认值:repeat
适用于:所有元素
继承性:无
动画性:否
计算值:指定值
媒 体:视觉
取值:
- repeat-x:
- 背景图像在横向上平铺
- repeat-y:
- 背景图像在纵向上平铺
- repeat:
- 背景图像在横向和纵向平铺
- no-repeat:
- 背景图像不平铺
- round:
- 当背景图像不能以整数次平铺时,会根据情况缩放图像。(CSS3)
- space:
- 当背景图像不能以整数次平铺时,会用空白间隙填充在图像周围。(CSS3)
说明:
定义元素的背景图像如何填充。
- 该属性接受
1~2
个参数值,如果提供两个参数值,第一个用于横向,第二个用于纵向;提供一个,则同时应用于横向与纵向,特殊值repeat-x和repeat-y除外,因为repeat-x相当于repeat no-repeat,repeat-y相当于no-repeat repeat,即其实repeat-x和repeat-y等价于提供了2个参数值 - 对应的脚本特性为:backgroundRepeat。
兼容性:
- 浅绿 = 支持
- 红色 = 不支持
- 粉色 = 部分支持
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 8.0+ | 40.0+ | 40.0+ | 8.0+ | 40.0+ | 8.0+ | 4.4+ | 28.0+ |
2个参数值 space与round关键字 Multiple background repeat |
8.0 | |||||||
9.0+ |