Style backgroundRepeat 属性
页面下方有更多实例。
定义和用法
backgroundRepeat 属性设置或返回如何重复背景图像。
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| backgroundRepeat | 1.0 | 4.0 | 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 | 设置该属性为它的默认值。请参阅 initial |
| inherit | 从父元素继承该属性。请参阅 inherit |
技术细节
| 默认值: | repeat |
|---|---|
| 返回值: | 一个字符串，表示背景图像的重复方式 |
| 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";
}
亲自试一试 »
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
相关页面
CSS 教程: CSS Background
CSS 参考手册: background-position 属性
CSS 参考手册: background-repeat 属性
HTML DOM 参考手册: background 属性
❮ Style 对象
