background-color

Achtung: Dieser Artikel ist möglicherweise veraltet.

Übersicht:

Die background-color Eigenschaft legt die Hintergrundfarbe eines Elementes fest.

  • Standardwert transparent
  • Anwendbar auf Alle Elemente
  • Vererbbar Nein
  • Prozentwerte Nein
  • Medium visuell
  • berechneter Wert wie festgelegt

Syntax

background-color:  <Farbe> | transparent | inherit

Werte

<Farbe>
Farbangabe [ Hexadezimalwert, Farbname, Systemfarbe, rgb(), rgba(), hsl() oder hlsa() ]
transparent
Das Element hat keine Farbe. Es wird die Farbe des dahinter liegenden Elementes angezeigt (Standardwert).
inherit
Der Wert des Elternelements wird geerbt.

Beispiele

Ergebnis Quelltext
Blaue Hintergrundfarbe als Farbname
background-color: powderblue
Blaue Hintergrundfarbe als hexadezimaler RGB-Wert
background-color: #b0e0e6
Blaue Hintergrundfarbe als dezimaler RGB-Wert
background-color: rgb(176, 224, 230)
Blaue Hintergrundfarbe als prozentualer RGB-Wert
background-color: rgb(68%, 88%, 90%)
Blaue Hintergrundfarbe als RGBa-Wert
background-color: rgba(176, 224, 230, 1)
Blaue Hintergrundfarbe als HSL-Wert
background-color: hsl(187, 52%, 80%)
Blaue Hintergrundfarbe als HSLa-Wert
background-color: hsla(187, 52%, 80%, 1)

Browser Kompatibilität

Browser ab Version
Internet Explorer 4.0
Firefox (Gecko) 1.0 (1.0)
Opera 3.5
Safari (WebKit) 1.0 (85)

Spezifikation

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: fscholz, SJW, ethertank, Yuichiro, Michael2402
Zuletzt aktualisiert von: fscholz,
Seitenleiste ausblenden