HTML-DOM-Art-Hintergrundeigenschaften
Style - Objekte Definition und Verwendung
Hintergrund Kurzschrift-Eigenschaft zu setzen oder zu fünf separate Hintergrundeigenschaften zurückkehren werden.
Mit dieser Eigenschaft können Sie / Rückkehr gesetzt:
- Hintergrund-Farbe
- background-image
- background-repeat
- background-attachment
- background-position
Die oben genannten Eigenschaften können separate Stilattribute zur Verfügung gestellt werden. Empfiehlt nachdrücklich, ein separates Attribut so eine bessere Steuerbarkeit verwenden.
Grammatik
Stellen Sie die Hintergrundeigenschaften:
Object.style.background="color image
repeat attachment position"
Zurück Hintergrundeigenschaften:
Object.style.background
Tipp: Der Standardwert der Eigenschaft ist der Hintergrund: transparent keine Wiederholung scroll 0% 0 %.
| 参数 | 描述 |
|---|---|
| color | 设置一个元素的背景颜色 |
| image | 设置一个元素的背景图像 |
| repeat | 设置如何重复背景图像 |
| attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
| position | 设置背景图像的起始位置 |
Browser-Unterstützung
Alle gängigen Browser unterstützen Hintergrund Attribute.
Beispiele
Beispiele
Set Dokument Hintergrund Stil:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
document.body.style.background = "# f3f3f3 url ( 'img_tree.png') no-repeat rechts oben";
}
</ Script>
</ Head>
<Body>
<H1> Hallo Welt! </ H1>
<br>
<Taste type = "button" Onclick = "displayResult ()"> set der Hintergrund </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "UTF-8">
<Titel> Dieses Tutorial (w3big.com) </ title>
<Script>
Funktion displayResult () {
document.body.style.background = "# f3f3f3 url ( 'img_tree.png') no-repeat rechts oben";
}
</ Script>
</ Head>
<Body>
<H1> Hallo Welt! </ H1>
<br>
<Taste type = "button" Onclick = "displayResult ()"> set der Hintergrund </ button>
</ Body>
</ Html>
Versuchen »
Style - Objekte