ruby-position

The ruby-position CSS property defines the position of a ruby element relative to its base element. It can be positioned over the element (over), under it (under), or to the right (inter-character).

Values: This property is specified as one of the following keyword values:

Values: over !Over example Is a keyword indicating that the ruby has to be placed over the main text for horizontal scripts and right to it for vertical scripts. under !Under example Is a keyword indicating that the ruby has to be placed under the main text for horizontal scripts and left to it for vertical scripts. alternate Is a keyword indicating that the ruby alternates between over and under, when there are multiple levels of annotation. inter-character Is a keyword indicating that the ruby annotation is placed to the right of the base text characters. This value is intended for bopomofo (zhuyin fuhao) ruby.

Syntax example: ruby-position: over;