Stil mit {stil}

Aug 2008

background-color • Farbe für den Hintergrund

Die CSS-Eigenschaft background-color legt die Hintergrundfarbe eines Elements fest. Da Hintergrundfarben einzelnen Elementen zugewiesen werden könnnen, kann es mehr als eine Hintergrundfarbe in einem Dokument geben und Elemente mit einer Hintergrundfarbe können über Elementen mit anderen Hintergrundfarben liegen.

Dabei überdeckt die Hintergrundfarbe eines Elements, dessen z-index höher ist oder dass nachfolgend in der Reihenfolge der Elemente innerhalb eines Dokuments deklariert ist, die darunter liegenden Element bei absolut positionierten Elementen.

#bbox        { background-color: silver }
#bbox p      { background-color: transparent; } 
#bbox p span { background-color: #CCCC66; } 

Neben dem Wert transparent kann der Eigenschaft background-color auch der Wert none zugewiesen bekommen, obwohl none als Default-Wert für background-image vorgesehen ist. Der Wert none löscht zuvor vereinbarte Hintergrundbilder oder -farben.

IE4+ M1 N4+ O5+ CSS1 Erblich: Nein

background-color

legt die Hintergrundfarbe eines Elements fest. Da Hintergrundfarben einzelnen Elementen zugewiesen werden könnnen, kann es mehr als eine Hintergrundfarbe in einem Dokument geben und Elemente mit einer Hintergrundfarbe können über Elementen mit anderen Hintergrundfarben liegen.

Werte

transparent | <color>

transparent

ist die Voreinstellung und lässt die Hintergrundfarbe durch die Vordergrundfarbe von Bildern sichtbar erscheinen, ebenso Bereiche innerhalb eines Buchstabens wie hier der Weißraum im "O".

<color>

ist entweder das Schlüsselwort für eine Farbe (red), die sechsstellige Hexadezimalzahl (#FFFFFF) oder ein Tripel aus drei RGB-Werten (255,255,255).

zurück zum Seitenanfang