CSS backgroundEigenschaft
Beispiel
Mehrere Hintergrundbilder (und deren Positionen) in einem div-Element festlegen.
Selbst ausprobieren »
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
| Eigenschaft | |||||
|---|---|---|---|---|---|
| background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Alle gängigen Browser unterstützen die background-Eigenschaft.
HinweisIE8 und frühere Versionen unterstützen nicht mehrere Hintergrundbilder für ein Element.
HinweisIE7 und frühere Versionen unterstützen den Wert "inherit" nicht. IE8 erfordert eine Definition.！DOCTYPEIE9 unterstützt "inherit".
Tag-Definition und Verwendungshinweise
Die background-Kurzschreibweise kann alle Hintergrund-Eigenschaften in einer Deklaration festlegen.
Können separat festgelegt werden: background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment und background-image.
Werte werden durch Leerzeichen getrennt, in beliebiger Reihenfolge. Es können nur einige der Werte festgelegt werden, zum Beispielbackground：＃FF0000 URL（smiley.gif);ist zulässig.
| Standardwert: | Siehe einzelne Attribute |
|---|---|
| Vererbt: | nein |
| Version: | Neue Eigenschaften in CSS1+ und CSS3. |
| JavaScript-Syntax: | object object.style.background="red url(smiley.gif) top left no-repeat" |
Syntax
| Wert | Beschreibung | CSS |
|---|---|---|
| background-color | Gibt die zu verwendende Hintergrundfarbe an | 1 |
| background-position | Gibt die Position des Hintergrundbildes an | 1 |
| background-size | Gibt die Größe des Hintergrundbildes an | 3 |
| background-repeat | Gibt an, wie das Hintergrundbild wiederholt wird | 1 |
| background-origin | Gibt den Positionierungsbereich des Hintergrundbildes an | 3 |
| background-clip | Gibt den Malbereich des Hintergrundbildes an | 3 |
| background-attachment | Legt fest, ob ein Hintergrundbild fixiert ist oder mit dem Rest der Seite mitscrollt. | 1 |
| background-image | Gibt ein oder mehrere zu verwendende Hintergrundbilder an. | 1 |
Ähnliche Artikel
CSS-Tutorial:CSS-Hintergründe
CSS3-Tutorial:CSS3-Hintergründe
Weitere Erweiterungen