Firefox Tomorrow

css property

`-webkit-text-fill-color` CSS property

View on MDN ↗

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

/* <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

This property is specified as one <color> value:

  • <color>
    • : The foreground fill color of the element’s text content.

Formal definition

Formal syntax

Examples

Changing the fill color

CSS

p {
  margin: 0;
  font-size: 3em;
  -webkit-text-fill-color: green;
}

HTML

<p>This text is green.</p>

Results

Interactive exampleOpen the canonical MDN source to run this embedded demo.

Specifications

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also