background-color

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Mit der Eigenschaft background-color wird die Hintergrundfarbe eines HTML-Elements festgelegt.

Die Standardeinstellung ist immer transparent. Da background-color nicht vererbt wird, ist der Hintergrund bei untergeordneten Elementen dadurch immer automatisch durchsichtig. Die Hintergrundfarbe oder Hintergrundbilder übergeordneter Elemente bleiben somit immer automatisch sichtbar, solange background-color nicht durch eigene Stilregeln untergeordneter Elemente überschrieben wird.

Wenn die Hintergrundfarbe festgelegt wird, sollte immer auch die Textfarbe definiert werden und umgekehrt. So werden Probleme mit den Benutzereinstellungen im Browser präventiv vermieden.

Vererbt: nein

Siehe auch: color

Werte

Jeder CSS-Farbwert (siehe CSS-Farbreferenz) oder transparent.

Standardwert: transparent

Kompatibilität

CSS-Version: 1

Funktioniert in allen CSS-fähigen Browsern, einschließlich Internet Explorer ab Version 4 und Netscape ab Version 4.

Netscape 4 stellt die Hintergrundfarbe in einem Blockelement nicht flächendeckend dar, solange nicht extra auch ein Rahmen (border) definiert wird (ein border-Wert von 0px Breite reicht bereits aus). Ist ein sichtbarer Rahmen vorhanden, bleibt immer noch eine transparente Lücke zwischen Innenrand und Rahmen bestehen. Mit der proprietären Netscape-Eigenschaft layer-background-color kann diese Lücke mit der Hintergrundfarbe separat ausgefüllt werden.

Beispiel

Folgende Stilregel stellt alle blockquote-Elemente mit einem tomaten-roten Hintergrund dar. Durch die Deklaration des Rahmens mit der Breite 0 zeigt auch Netscape 4 die Hintergrundfarbe für das ganze Blockelement an.