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.
It is documented as part of the CSS Text Decoration specification.
Syntax
/* Usage Example */
span.emphasis {
text-emphasis: dot;
/* Places the emphasis dots below the text instead of above it */
text-emphasis-position: under left;
}
/* Syntax */
text-emphasis-position: auto;
text-emphasis-position: over;
text-emphasis-position: under;
text-emphasis-position: right;
text-emphasis-position: left;
/* Global values */
text-emphasis-position: inherit;
text-emphasis-position: initial;
text-emphasis-position: revert;
text-emphasis-position: revert-layer;
text-emphasis-position: unset;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.
99+
46+
7+
99+