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 Defaultwert: browserabhängig
anwendbar auf	alle Elemente (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
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