text-emphasis
The shorthand property for adding emphasis marks to text. This is frequently used in East Asian languages to highlight important words, similar to how italics or bolding are used in English.
It is documented as part of the CSS Text Decoration specification.
Syntax
/* Usage Example */
strong {
/* Sets both the style (filled circles) and color for emphasis at once */
text-emphasis: filled circle #ff3300;
}
/* Syntax */
text-emphasis: text-emphasis-style;
text-emphasis: text-emphasis-color;
/* Global values */
text-emphasis: inherit;
text-emphasis: initial;
text-emphasis: revert;
text-emphasis: revert-layer;
text-emphasis: unset;text-emphasis 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.
99+
46+
7+
99+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more