更多"Try it Yourself"下面的例子。
定義和用法
背景重複屬性設置是否/如何背景圖像將被重複。
缺省情況下,背景圖像重複水平和垂直方向。
Tip:背景圖像是根據背景位置屬性放置。 如果沒有指定背景位置,圖像始終放置在元素的左上角。
默認值: | repeat |
---|---|
遺傳: | no |
動畫: | no. Read about animatable |
版: | CSS1 |
JavaScript語法: | object .style.backgroundRepeat="repeat-x" Try it |
瀏覽器支持
在表中的數字規定,完全支持該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
background-repeat | 1.0 | 4 | 1.0 | 1.0 | 3.5 |
Note: IE8和更早的版本不一個元素上支持多個背景圖像。
CSS語法
background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;
屬性值
值 | 描述 | 播放 |
---|---|---|
repeat | 背景圖像將被垂直和水平兩個重複。 這是默認 | 播放 ” |
repeat-x | 背景圖像將水平方向重複 | 播放 ” |
repeat-y | 背景圖像將只垂直重複 | 播放 ” |
no-repeat | 背景圖像將不重複 | 播放 ” |
initial | 將此屬性設置為默認值。 閱讀關於初始 | 播放 ” |
inherit | 繼承其父元素此屬性。 閱讀關於繼承 |
更多示例
相關頁面
CSS教程: CSS背景
CSS參考: 背景位置屬性
HTML DOM參考: backgroundRepeat property