Skip to content

Ruby

“Ruby” are annotations meant to provide additional meaning or specify the pronunciation of a text segment.
They are mainly used in Asian languages (Chinese, Japanese, Korean).


PropertyDescription
ruby-alignDefines the alignment of ruby text relative to the base (e.g., start, center, space-between).
ruby-positionDefines the position of the ruby annotation (over, under, inter-character). Example: text above, below, or between characters.

PropertyStatusExplanation
ruby-overhang (sometimes written as ruby-overhang.php in old docs)Deprecated, never standardizedProperty specific to Internet Explorer/Opera for handling ruby text spacing. Not supported today.

<ruby>
<rt>kan</rt>
<rt>ji</rt>
</ruby>
ruby {
ruby-align: center;
ruby-position: over;
}

Result: the phonetic annotation (furigana) appears above the characters.


  • The ruby-align and ruby-position properties are standardized and useful for Asian typography.
  • ruby-overhang was an experimental IE/Opera property, now abandoned and should not be used.
  • Ruby annotations improve readability and linguistic accessibility, especially for learning Japanese (furigana) and Chinese (pinyin).