更多"Try it Yourself"下面的例子。
定义和用法
该backgroundRepeat属性设置或返回如何重复(tile)背景图像。
浏览器支持
在表中的数字规定，完全支持该财产浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| backgroundRepeat | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
句法
返回backgroundRepeat属性：
object .style.backgroundRepeat
设置backgroundRepeat属性：
object .style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
属性值
| 值 | 描述 |
|---|---|
| repeat | 背景图像被垂直地和水平重复两者。 这是默认 |
| repeat-x | 背景图像水平方向重复 |
| repeat-y | 背景图像仅在垂直方向重复 |
| no-repeat | 背景图像，不重复 |
| initial | 将此属性设置为默认值。 阅读关于初始 |
| inherit | 继承其父元素此属性。 阅读关于继承 |
技术细节
| 默认值： | 重复 |
|---|---|
| 返回值： | 一个字符串，表示背景图象如何重复 |
| CSS版本 | CSS1 |
更多示例
例
更改指定DIV元素的backgroundRepeat属性：
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x"; 试一试» 例
设置背景图像，以水平或垂直重复：
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
} 试一试» 相关页面
CSS教程： CSS背景
CSS参考： background-position property
CSS参考： background-repeat property
HTML DOM参考： background property
<Style对象