1 out of 1 rated this helpful - Rate this topic

ruby-position property

Gets or sets a value that controls the position of the ruby text with respect to its base.

Syntax

ruby-position: above | inline

Property values

A variable of type String that specifies or receives one of the following values:

above: Default. Ruby text is positioned above the base text.
inline: Ruby text is positioned inline with the base text.

CSS information

Applies To	All elements
Media	visual
Inherited	no
Initial Value

Standards information

CSS3 Ruby Module, Section 4.1

Remarks

The ruby-position property specifies the position of the ruby text defined by the rt object, and is set on the ruby object.

Examples

This example uses the ruby-position attribute and the ruby-position property to set the position of the ruby text. It uses an inline style sheet to set the ruby-position attribute to inline.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/rubyPosition.htm


<RUBY ID=oRuby STYLE = "ruby-position: inline">
Ruby base.
<RT>Ruby text.
</RUBY>
<P>
<INPUT
TYPE=button VALUE="Above"
onclick="oRuby.style.rubyPosition='above';"
>

Community Additions

ADD