text-emphasis-position
Determines where emphasis marks should be placed relative to the text. They can appear above (over), below (under), or on the sides for vertical text.
Quick example
span.emphasis {
text-emphasis: dot;
/* Places the emphasis dots below the text instead of above it */
text-emphasis-position: under left;
}Quick facts
Initial value
autoInherited
Yes
Applies to
all elements
Animation type
discrete
Values
autooverunderrightleft text-emphasis-position 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.
99+
46+
7+
99+