W3cubDocs

/CSS

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.

Try it

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 value currentcolor
Applies to all elements
Inherited no
Computed value computed color
Animation type a color

Formal syntax

text-emphasis-color = 
  <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>

Result

Specifications

Specification
CSS Text Decoration Module Level 3
# text-emphasis-color-property

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
text-emphasis-color 9925 9979 46 No 15 77 4.4 9925 46 14 77 18.01.5

See also

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/text-emphasis-color