CSS color Eigenschaft

Definition und Verwendung

Die color-Eigenschaft regelt die Farbe des Texts.

Diese Eigenschaft setzt die Vordergrundfarbe eines Elements (im HTML-Rendering ist dies die Farbe des Texts des Elements); Rasterbilder werden nicht durch color beeinflusst. Diese Farbe wird auch auf alle Ränder des Elements angewendet, es sei denn, sie wird durch border-color oder eine andere Ränder-Farbeigenschaft übergangen.

Die einfachste Methode, die Vordergrundfarbe eines Elements zu setzen, ist die Verwendung der color-Eigenschaft.

Siehe auch:

CSS-Tutorial:CSS Text

HTML DOM Referenzhandbuch:color-Eigenschaft

Beispiel

Textfarbe für verschiedene Elemente einstellen:

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

Versuchen Sie es selbst

Hinweise und Anmerkungen

Hinweis:Verwenden Sie vernünftige Kombinationen aus Hintergrund- und Textfarben, um die Lesbarkeit des Texts zu verbessern.

CSS-Syntax

color: color|initial|inherit;

Attributswert

Wert Beschreibung
color_name Es wird die Farbe in Farbnamen (z.B. red) angegeben.
hex_number Es wird die Farbe in Hexadezimalwert (z.B. #ff0000) angegeben.
rgb_number Es wird die Farbe in RGB-Code (z.B. rgb(255,0,0)) angegeben.
inherit Es wird vorgeschrieben, dass die Farbe von den übergeordneten Elementen geerbt wird.

Technische Details

Standardwert: nicht spezifiziert
Vererbbarkeit: ja
Version: CSS1
JavaScript-Syntax: object.style.color="#FF0000"

Mehr Beispiele

Textfarbe einstellen
Dieses Beispiel zeigt, wie man die Farbe des Texts einstellt.

Browser-Unterstützung

Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.

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