A detailed explanation of the use of ruby-position attributes in CSS

Grammar:

Ruby-position:above | Inline

Parameters:

Above: Locate ruby text above the base text
Inline:ruby text with basic text inline

Description
Sets or retrieves the location of the note text or pronunciation guide (referenced ruby object) specified by the Rt object.
See my other books for Ruby objects and RT objects.
The corresponding script attribute is rubyposition. Please refer to the other bibliography I have written.

Example:

Ruby {ruby-position:above;}

Ruby-position is used when specifying the location of the note. < Sets or retrieves the location of the note text or pronunciation guide (reference ruby object) specified by the Rt object. >

Property value
1.before phonetic text is represented above the underlying text. (default value)
2.after phonetic text is represented below the underlying text.
3.right phonetic text is indicated on the right side of the base text.

Instance Code

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">  
Example diagram