-webkit-text-fill-color
The -webkit-text-fill-color
CSS property specifies the fill color of characters of text. If this property is not set, the value of the color
property is used.
Syntax
css
/* <color> values */
-webkit-text-fill-color: red;
-webkit-text-fill-color: #000000;
-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;
Values
<color>
-
The foreground fill color of the element's text content.
Formal definition
Initial value | currentcolor |
---|---|
Applies to | all elements |
Inherited | yes |
Computed value | computed color |
Animation type | a color |
Formal syntax
-webkit-text-fill-color =
<color>
Examples
Changing the fill color
CSS
css
p {
margin: 0;
font-size: 3em;
-webkit-text-fill-color: green;
}
HTML
html
<p>This text is green.</p>
Results
Specifications
Specification |
---|
Compatibility Standard # the-webkit-text-fill-color |
Browser compatibility
BCD tables only load in the browser