The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Text (International) |
| Previous Style: ruby-overhang | Next Style: size |


ruby-position

Determines where the ruby text appears in relation to the ruby base.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported
Notes:
  • A ruby is a word or phrase—called the base (see the <RUBY> tag)—combined with an annotation or pronunciation guide—called the ruby text (see the <RT> tag).

See Also:

ruby-align, ruby-overhang

Possible Values:

above
The ruby text appears above the ruby base.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported

inline
The ruby text appears beside the ruby base.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported

Example:
<RUBY STYLE="ruby-position: above">
Ruby base. 
<RT>Ruby text.</RT>
</RUBY>
<BR>
<RUBY STYLE="ruby-position: inline">
Ruby base. 
<RT>Ruby text.</RT>
</RUBY>
How It Looks:
Ruby base. Ruby text.
Ruby base. Ruby text.

| Index | Current Category: Text (International) |
| Previous Style: ruby-overhang | Next Style: size |