CSS/Eigenschaften/text-fill-color

Die Eigenschaft text-fill-color Farbzuweisung einer Füllung, Farbangaben mit color werden überschrieben.

Sie wird oft in Zusammenhang mit -webkit-text-stroke verwendet, damit es nicht zu nicht lesbaren Texten kommt, etwa weiße Schrift auf weißem Hintergrund.

Erlaubte Werte

• Farbangabe
• inherit
• initial

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

browserabhängig

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

ja, siehe Einzelwerte

Beispiel

h1 {
  color: red;
  -webkit-text-stroke: 2px red;
  -webkit-text-fill-color: yellow;
}

legt für das h1-Element eine 2px fette, rote Umrandung und gelbe Textfüllung fest

Beachten Sie: die Eigenschaft funktioniert nur mit Vendor-Prefix -webkit-

Empfehlung: Verwenden Sie Text-Effekte mit SVG!

Weblinks

Spezifikation