CSS-background-color Eigenschaft

Definition und Verwendung

background-color Die Eigenschaft legt die Hintergrundfarbe des Elements fest.

Bereich der Elementhintergrundfarbe

background-color Attribute eine reine Farbe für das Element festzulegen. Diese Farbe füllt den Inhalt, den Innenabstand und den Rahmenbereich des Elements aus, erweitert sich bis zur äußeren Kante des Rahmens des Elements (aber nicht einschließlich des Außenabstands). Wenn der Rahmen transparente Bereiche hat (z.B. gestrichelte Rahmen), wird durch diese transparenten Bereiche die Hintergrundfarbe durchgelassen.

transparenten Wert

Obwohl in den meisten Fällen kein Bedarf besteht, transparentAllerdings, wenn Sie nicht möchten, dass ein Element eine Hintergrundfarbe hat und gleichzeitig nicht möchten, dass die Farbeeinstellungen des Benutzers Ihr Design beeinflussen, dann setzen Sie transparent Werte sind dennoch erforderlich.

Weitere Informationen siehe:

CSS-Tutorial:CSS Hintergrund

HTML DOM Referenzhandbuch:backgroundColor-Eigenschaft

Beispiel

Hintergrundfarben für verschiedene Elemente festlegen:

body
  {
  background-color:gelb;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

Probieren Sie es selbst aus

CSS-Syntax

background-color: color|transparent|initial|inherit;

Attributwert

Wert Beschreibung
color_name Es wird die Hintergrundfarbe festgelegt, deren Wert der Farbname ist (z.B. red).
hex_number Es wird die Hintergrundfarbe festgelegt, deren Wert die Hexadezimalzahl ist (z.B. #ff0000).
rgb_number Es wird die Hintergrundfarbe festgelegt, deren Wert die RGB-Code ist (z.B. rgb(255,0,0)).
transparent Standard. Die Hintergrundfarbe ist transparent.
inherit Es wird festgelegt, dass die Einstellungen der background-color-Eigenschaft vom übergeordneten Element geerbt werden sollen.

Technische Details

Standardwert: transparent
Vererbbarkeit: nein
Version: CSS1
JavaScript-Syntax: object.style.backgroundColor="#00FF00"

Browserunterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5