-webkit-text-fill-color CSS property
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2016 browserübergreifend verfügbar.
Die -webkit-text-fill-color-CSS-Eigenschaft legt die Füllfarbe (color) von Textzeichen fest. Wenn diese Eigenschaft nicht gesetzt ist, wird der Wert der Eigenschaft color verwendet.
Syntax
css
/* <color> values */
-webkit-text-fill-color: red;
-webkit-text-fill-color: #123456;
-webkit-text-fill-color: rgb(100 200 0);
/* Global values */
-webkit-text-fill-color: inherit;
-webkit-text-fill-color: initial;
-webkit-text-fill-color: revert;
-webkit-text-fill-color: revert-layer;
-webkit-text-fill-color: unset;
Werte
Diese Eigenschaft wird durch einen einzelnen <color>-Wert angegeben:
<color>-
Die Füllfarbe des Textinhalts im Vordergrund des Elements.
Formale Definition
| Anfangswert | currentcolor |
|---|---|
| Anwendbar auf | alle Elemente |
| Vererbt | Ja |
| Berechneter Wert | berechnete Farbe |
| Animationstyp | Farbe |
Formale Syntax
-webkit-text-fill-color =
<color>
Beispiele
Füllfarbe ändern
HTML
html
<p>This text is green.</p>
CSS
css
p {
margin: 0;
font-size: 3em;
-webkit-text-fill-color: green;
}
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| Compatibility # the-webkit-text-fill-color |