Home > Abakada: Back to Basics > Language References > HTML Element Attributes > Abakada CSS Properties Reference: ruby-position Attribute
Sets or retrieves the position of the ruby text specified by the RT object.
| CSS |
{ ruby-position: 'inline' | 'above' } |
| Script |
object.style.rubyPosition = sRubyPlacement ] |
| above |
Ruby text is positioned above the base text. |
| inline |
Ruby text is positioned inline with the base text. |
The property is read/write with a default value of above; the proposed cascading stylesheet ( CSS ) extension attribute is not inherited.
The rubyPosition property specifies the position of the ruby text defined by the RT object, and is set on the RUBY object. The base text is defined in the RUBY object with the RB object.
The following sample demonstrates the use of both the CSS ruby-position style attribute and the rubyPosition object property to set the position of the ruby text.
The sample uses an inline stylesheet to set the ruby-position attribute to inline.
<RUBY id=oRuby STYLE="ruby-position: inline;">
Ruby base.
<RT>Ruby text.
</RUBY>
<p><INPUT TYPE=button VALUE="Above"
onclick="oRuby.style.rubyPosition='above';">
This feature requires Microsoft® Internet Explorer® 5 or later.
Applies To
RUBY
rubyAlign, rubyOveryHang