CSS/Eigenschaften/text-fill-color

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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