Beispiel
Stylen Sie den Hintergrund eines Dokuments:
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right
top"; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Hintergrundeigenschaftssätze oder Renditen bis zu acht separaten Hintergrundeigenschaften, in einer Kurzform.
Mit dieser Eigenschaft können Sie einstellen / Return eine oder mehrere der folgenden (in beliebiger Reihenfolge):
- Hintergrundfarbe
- Hintergrundbild
- Hintergrund Wiederholung
- background-attachment
- background-position
- Hintergrund-Größe
- Hintergrund-Ursprung
- background-clip
Die Eigenschaften, die oben kann auch mit separaten Stileigenschaften eingestellt werden. Die Verwendung von separaten Eigenschaften für nicht-fortgeschrittene Autoren für eine bessere Steuerbarkeit sehr zu empfehlen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Hinweis: Siehe die einzelnen Browser - Unterstützung für jeden unter Wert.
Syntax
Bringen Sie die Hintergrundeigenschaft:
object .style.background
Stellen Sie die Hintergrundeigenschaft:
object .style.background=" Eigenschaftswerte Wert Beschreibung color Legt die Hintergrundfarbe eines Elements image Legt das Hintergrundbild für ein Element repeat Legt fest, wie ein Hintergrundbild wird wiederholt attachment Legt fest, ob ein Hintergrundbild festgelegt ist oder scrollt mit der Seite position Setzt die Startposition eines Hintergrundbildes size Legt die Größe eines Hintergrundbildes origin Legt den Hintergrund Positionierbereich clip Legt die Malfläche eines Hintergrundbildes initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: transparent keine repeat scroll 0% 0% auto padding-box border-box Rückgabewert: Ein String, die den Hintergrund eines Elements CSS Version CSS1 + Neue Angebote in CSS3
Mehr Beispiele
Beispiel
Ändern Sie den Hintergrund eines DIV-Element:
document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center"; Versuch es selber "
Beispiel
Legen Sie eine Hintergrundfarbe für ein Dokument:
document.body.style.backgroundColor = "red"; Versuch es selber "
Beispiel
Legen Sie ein Hintergrundbild für ein Dokument:
document.body.style.backgroundImage = "url('img_tree.png')"; Versuch es selber "
Beispiel
Legen Sie ein Hintergrundbild zu no-repeat:
document.body.style.backgroundRepeat = "repeat-y"; Versuch es selber "
Beispiel
Stellen Sie den Hintergrund-Bild fixiert werden (will not scroll) werden (will not scroll) :
document.body.style.backgroundAttachment = "fixed"; Versuch es selber "
Beispiel
Ändern Sie die Position eines Hintergrund-Bild:
document.body.style.backgroundPosition = "top right"; Versuch es selber "
Beispiel
Bringen Sie die Hintergrundeigenschaftswerte eines Dokuments:
document.body.style.background; Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Hintergrund
CSS3 Tutorial: CSS3 Hintergrund
CSS - Referenz: background property
<Style - Objekt