Hintergrund
- background: Alle Hintergrundoptionen setzen
- Mehrere Hintergrundbilder
- background-color: Hintergrundfarbe
- background-attachment: Scroll-Verhalten des Hintergrunds
- background-image: Hintergrundbild
- background-position: Position des Hintergrundbildes
- background-repeat: Wiederholung des Hintergrundbildes
- background-clip: Hintergrundbild hinter Rahmen
- background-origin: Ankerpunkt für Hintergrundbild
- background-size: Größe des Hintergrundbildes
Die Werte und Detailbeschriebungen müssen von hier in die Artikel verlegt werden.
Mit CSS lassen sich Hintergrundbilder und -farben komfortabel setzen.
background: Alle Hintergrundoptionen setzen
Kurzschreibweise für alle nachfolgenden background-*-Eigenschaften.
Mehrere Hintergrundbilder
In CSS3 können für ein Bild mehrere Hintergrundbilder angegeben werden. Dadurch müssen für viele Effekte keine ansonsten unnötigen HTML-Elemente eingefügt werden.
background-color: Hintergrundfarbe
Werte: Farbe, transparent, inherit
Mit background-color kann die Hintergrundfarbe eines Elementes gesetzt werden
background-attachment: Scroll-Verhalten des Hintergrunds
Werte: scroll, fixed, inherit
Mit background-attachment kann man das Scroll-Verhalten des Hintergrund beeinflussen.
background-image: Hintergrundbild
Werte: URL, transparent, inherit
Mit background-image kann das Hintergrundbild eines Elements gesetzt werden.
background-position: Position des Hintergrundbildes
Werte: top, right, bottom, left, center, Prozent, Pixel, inherit, em
Mit background-position kann die Position des Hintergrundbildes eines Elements verändert werden.
background-repeat: Wiederholung des Hintergrundbildes
Werte: repeat, repeat-x, repeat-y, no-repeat, inherit
Mit background-repeat kann die art der Wiederholung des Hintergrundbildes eines Elements verändert werden.
background-clip: Hintergrundbild hinter Rahmen
background-clip gibt an, ob sich das Hintergrundbild bis
in den Rahmen erstrecken soll oder nicht hinter dem Rahmen angezeigt
werden soll. (-webkit-background-clip, -moz-background-clip)
background-origin: Ankerpunkt für Hintergrundbild
Mit background-origin kann man angeben, ob das Hintergrundbild am Rahmen, am Innenabstand oder am Inhalt ausgerichtet werden soll. (Webkit: -webkit-background-composite)
background-size: Größe des Hintergrundbildes
Mit background-size kann die Größe von Hintergrundbildern angegeben werden. Dies ist vor allem Wichtig um zukünftig SVG Grafiken sinnvoll als Hintergrundbilder einzusetzen.
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 6 Personen an der Seite "Hintergrund" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "Hintergrund" hier bearbeiten.
David Danier
Thomas Maier
Moritz Kern
Thomas Hümmer
Fabian "q-rios" Krause-Willenberg
Linspire