-webkit-text-fill-color
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
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: #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;
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 # the-webkit-text-fill-color |
Browser compatibility
Loading…