-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 valuecurrentcolor
Applies toall elements
Inheritedyes
Computed valuecomputed color
Animation typea CSS data type are interpolated on each of their red, green, blue components, each handled as a real, floating-point number. Note that interpolation of colors happens in the alpha-premultiplied sRGBA color space to prevent unexpected grey colors to appear.">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 with JavaScript enabled. Enable JavaScript to view data.

See also