text-emphasis-color | CSS CSS Properties

Sets the color of emphasis marks (like the dots or circles often used in East Asian typography) added to text.

Quick example

em {
  text-emphasis: circle;
  /* Sets the color of the emphasis circles to our primary brand color */
  text-emphasis-color: var(--brand-primary);
}

Quick facts

Initial value

currentcolor

Inherited

Yes

Applies to

all elements

Animation type

color

text-emphasis-color Browser Support

Widely available Since 2022 95% global usage

This feature is well established and works across many devices and browser versions. It has been available across browsers since 2022.

Safe to use without fallbacks.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

99+

46+

99+