CSS background-repeat 属性
定义
background-repeat 属性设置是否及如何重复背景图像。
继承性：No
说明
background-repeat 属性定义了图像的平铺模式。
从原图像开始重复，原图像由 background-image 定义，并根据 background-position 的值放置。
JavaScript 语法
CSS 属性也可通过一段 JavaScript 被动态地改变。
脚本语法：
object.style.backgroundRepeat="repeat-y"
在我们的 HTML DOM 教程中，您可以找到更多有关 backgroundRepeat 属性 的细节。
在我们的 HTML DOM 教程中，您也可以找到完整的 Style 对象参考手册。
例子
body
{
background-image: url(stars.gif);
background-repeat: repeat-x
}
可能的值
| 值 | 描述 |
|---|---|
| repeat | 默认。背景图像将在垂直方向和水平方向重复。 |
| repeat-x | 背景图像将在水平方向重复。 |
| repeat-y | 背景图像将在垂直方向重复。 |
| no-repeat | 背景图像将仅显示一次。 |
TIY 实例
- 如何重复背景图像
- 本例演示如何重复背景图像。
- 如何在垂直方向重复背景图像
- 本例演示如何垂直地重复背景图像。
- 如何在水平方向重复背景图像
- 本例演示如何水平地重复背景图像。
- 如何仅显示一次背景图像
- 本例演示如何仅显示一次背景图像。