CSS background-repeat 屬性
定義和用法
background-repeat 屬性設(shè)置是否及如何重復(fù)背景圖像。
默認(rèn)地，背景圖像在水平和垂直方向上重復(fù)。
詳細(xì)說明
background-repeat 屬性定義了圖像的平鋪模式。
從原圖像開始重復(fù)，原圖像由 background-image 定義，并根據(jù) background-position 的值放置。
| 默認(rèn)值： | repeat |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.backgroundRepeat="repeat-y" |
瀏覽器支持
所有瀏覽器都支持 background-repeat 屬性。
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
提示和注釋
提示：背景圖像的位置是根據(jù) background-position 屬性設(shè)置的。如果未規(guī)定 background-position 屬性，圖像會(huì)被放置在元素的左上角。
可能的值
| 值 | 描述 |
|---|---|
| repeat | 默認(rèn)。背景圖像將在垂直方向和水平方向重復(fù)。 |
| repeat-x | 背景圖像將在水平方向重復(fù)。 |
| repeat-y | 背景圖像將在垂直方向重復(fù)。 |
| no-repeat | 背景圖像將僅顯示一次。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 background-repeat 屬性的設(shè)置。 |
TIY 實(shí)例
- 如何重復(fù)背景圖像
- 本例演示如何重復(fù)背景圖像。
- 如何在垂直方向重復(fù)背景圖像
- 本例演示如何垂直地重復(fù)背景圖像。
- 如何在水平方向重復(fù)背景圖像
- 本例演示如何水平地重復(fù)背景圖像。
- 如何僅顯示一次背景圖像
- 本例演示如何僅顯示一次背景圖像。