HTML-DOM Stil Background Eigenschaft
Definition und Verwendung
Background Eigenschaft legt kehrt wie ein Hintergrundbild zu wiederholen.
Grammatik
Einstellen Background Eigenschaften:
Object.style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|inherit"
Zurück Background Eigenschaften:
Object.style.backgroundRepeat
值 | 描述 |
---|---|
repeat | 默认。垂直和水平方向重复背景图像。 |
repeat-x | 水平方向重复背景图像。 |
repeat-y | 垂直方向重复背景图像。 |
no-repeat | 不重复背景图像。 |
inherit | background-repeat 属性的设置从父元素继承。 |
Browser-Unterstützung
Alle gängigen Browser unterstützen Background Eigenschaft.
Hinweis: IE7 und früheren Versionen nicht unterstützen , die "erben" Wert.IE8 bietet nur! DOCTYPE unterstützt "erben". IE9 Unterstützung "erben".
Beispiele
Beispiele
Hintergrundbild wiederholt in der vertikalen Richtung:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Style type = "text / css">
body {
background: # f3f3f3 url ( 'img_tree.png');
}
</ Style>
<Script>
Funktion displayResult () {
document.body.style.backgroundRepeat = "repeat-y";
}
</ Script>
</ Head>
<Body>
<Taste type = "button" Onclick = "displayResult ()"> vertikale Wiederholungshintergrundbild </ button>
<br>
<H1> Hallo Welt! </ H1>
<P> Dies ist ein Absatz </ p>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Style type = "text / css">
body {
background: # f3f3f3 url ( 'img_tree.png');
}
</ Style>
<Script>
Funktion displayResult () {
document.body.style.backgroundRepeat = "repeat-y";
}
</ Script>
</ Head>
<Body>
<Taste type = "button" Onclick = "displayResult ()"> vertikale Wiederholungshintergrundbild </ button>
<br>
<H1> Hallo Welt! </ H1>
<P> Dies ist ein Absatz </ p>
</ Body>
</ Html>
Versuchen »
Style - Objekte