text-emphasis-position

The text-emphasis-position CSS property sets where emphasis marks are drawn. Similar to the text rendered by the <ruby> HTML element, if there isn’t enough room for emphasis marks, the line height is increased.

The preferred position of emphasis marks depends on the language. In Japanese for example, the preferred position is over right. In Chinese, on the other hand, the preferred position is under right. The informative table below summarizes the preferred emphasis mark positions for Chinese, Mongolian and Japanese:

Preferred emphasis mark and ruby position Language Preferred position Illustration Horizontal Vertical Japanese over right Korean Mongolian Chinese under right

Syntax example: text-emphasis-position: auto;