更多"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對象