css properties text-emphasis-color

The text-emphasis-color CSS property sets the color of emphasis marks. This value can also be set using the text-emphasis shorthand.

Syntax

/* Initial value */
text-emphasis-color: currentcolor;

/* <color> */
text-emphasis-color: #555;
text-emphasis-color: blue;
text-emphasis-color: rgba(90, 200, 160, 0.8);
text-emphasis-color: transparent;

/* Global values */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: revert;
text-emphasis-color: revert-layer;
text-emphasis-color: unset;

Values

<color>

Defines the color of the emphasis marks. If no color is present, it defaults to currentcolor.

Formal definition

Initial valuecurrentcolor
Applies totext
Inheritedyes
Computed valuecomputed color
Animation typeby computed value type

Formal syntax

<color>

Examples

Emphasis with a color and custom character

CSS

em {
  text-emphasis-color: green;
  text-emphasis-style: "*";
}

HTML

<p>Here's an example:</p>

<em>This has emphasis marks!</em>

See also