background-image 屬性設定如何平鋪背景圖像。
定義和用法,瀏覽器支持,提示和注釋,可能的值,TIY 實例,
定義和用法
background-repeat 屬性設定是否及如何重複背景圖像。
默認地，背景圖像在水平和垂直方向上重複。
background-repeat 屬性定義了圖像的平鋪模式。
從原圖像開始重複，原圖像由background-image定義，並根據 background-position 的值放置。
| 默認值： | repeat |
|---|---|
| 繼承性： | no |
| 版本： | |
| JavaScript 語法： | object.style.backgroundPosition="center" |
body { background-image: url(stars.gif);background-repeat: repeat-y;}
瀏覽器支持
所有瀏覽器都支持 background-repeat 屬性。
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
提示和注釋
提示：背景圖像的位置是根據 background-position 屬性設定的。如果未規定 background-position 屬性，圖像會被放置在元素的左上角。
可能的值
| 值 | 描述 |
|---|---|
repeat | 默認。背景圖像將在垂直方向和水平方向重複。 |
repeat-x | 背景圖像將在水平方向重複。 |
repeat-y | 背景圖像將在垂直方向重複。 |
no-repeat | 背景圖像將僅顯示一次。 |
inherit | 規定應該從父元素繼承 background-repeat 屬性的設定。 |
TIY 實例
如何重複背景圖像
本例演示如何重複背景圖像。
<html>
<head>
<style type="text/css">
body
{
background-image:
url(/i/eg_bg_03.gif);
background-repeat: repeat
}
</style>
</head>
<body>
</body>
</html>
