color

Übersicht

Die color Eigenschaft legt die Vordergrundfarbe eines Elements fest.

  • Standardwert Varies from one browser to another
  • Anwendbar auf Alle Elemente
  • Vererbt Ja
  • Prozentwerte
  • Medium visuell
  • Berechneter Wert If the value ist translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgb(0,0,0).
  • Animierbar Ja, als Farbe
  • Canonical order the unique non-ambiguous order defined by the formal grammar

Syntax

color: <color>

Werte

<Farbe>
Farbangabe [ Hexadezimalwert, Farbname, Systemfarbe, rgb(), rgba(), hsl() oder hlsa() ]
inherit
Der Wert des Elternelements wird geerbt.

Beispiele

Ergebnis Quelltext
Rote Vordergrundfarbe als Farbname
color: red
Rote Vordergrundfarbe als hexadezimaler RGB-Wert
color: #f00
Rote Vordergrundfarbe als dezimaler RGB-Wert
color: rgb(255, 0, 0)
Rote Vordergrundfarbe als prozentualer RGB-Wert
color: rgb(100%, 0%, 0%)
Rote Vordergrundfarbe als RGBa-Wert
color: rgba(255, 0, 0, 1)
Rote Vordergrundfarbe als HSL-Wert
color: hsl(0, 100%, 50%)
Rote Vordergrundfarbe als HSLa-Wert
color: hsla(0, 100%, 50%, 1)

Spezifikation

Spezifikation Status Anmerkung
CSS Transitions Working Draft color ist annimierbar
CSS Color Module Level 3 Recommendation Deprecated system-colors; added SVG colors; added rgba(), hsl(), hsla() functional notation.
CSS Level 2 (Revision 1) Recommendation orange und die Systemfarben hinzugefügt.
CSS Level 1 Recommendation  

Browser Kompatibilität

Die color Eigenschaft wird von allen gängigen Browsern unterstützt.
Details zur Unterstützung der jeweiligen Werte finden sich unter <Farben>.

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 1.0 (1.7 or earlier) 3.0 3.5 1.0
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 1.0 1.0 (1) 6.0 6.0 1.0

 

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
Mitwirkende an dieser Seite: SJW, fscholz, Jürgen Jeka, Michael2402
Zuletzt aktualisiert von: SJW,
Seitenleiste ausblenden