CSS background-repeat 属性
说明
background-repeat CSS 属性指定 background-image 在调整大小和定位后是重复还是平铺，以及如何。 使用速记background属性通常更方便。
下表总结了此属性的使用上下文和版本历史记录。
| 默认值： | repeat |
|---|---|
| 适用于： | 所有元素 |
| 继承： | No |
| 动画： | No. 参见动画属性。 |
| 版本： | CSS 1, 2, 3 |
语法
属性的语法如下：
下面的示例显示了 background-repeat 属性的作用。
body {
background-image: url("images/gradient.png");
background-repeat: repeat-x;
}属性值
下表描述了该属性的值。
| 值 | 说明 |
|---|---|
repeat |
默认值。 背景图像将在垂直和水平方向重复。 |
repeat-x |
背景图像将仅水平重复。 |
repeat-y |
背景图像将仅垂直重复。 |
no-repeat |
背景图不会重复。 |
initial |
将此属性设置为其默认值。 |
inherit |
如果指定，则关联元素采用其父元素 background-repeat 属性的 计算值。 |
浏览器兼容性
所有主要的现代浏览器都支持 background-repeat 属性。
 |
基本支持—
|
进一步阅读
相关属性： background, background-attachment, background-color, background-clip, background-image, background-origin, background-position, background-size.
Advertisements