ruby-overhang Attribute | rubyOverhang Property

Gets or sets the position of the ruby text specified by the rt object.

Syntax

CSS	{ ruby-overhang : sRubyOverhang }
Scripting	[ sRubyOverhang = ] object.style.rubyOverhang

Possible Values

sRubyOverhang

String that specifies or receives one of the following values: auto Default. Ruby text overhangs any other text adjacent to the base text. whitespace Ruby text overhangs only white-space characters. none Ruby text overhangs only text adjacent to its base.

The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of auto. The Cascading Style Sheets (CSS) attribute is not inherited.

DHTML expressions can be used in place of the preceding value(s). As of Internet Explorer 8, expressions are supported in IE7 Standards mode and IE5 (Quirks) mode only. For more information, see About Dynamic Properties and Defining Document Compatibility.

Remarks

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

Example

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

Copy

<RUBY ID=oRuby STYLE = "ruby-overhang: none">
Ruby base.
<RT>Ruby text.
</RUBY>
<INPUT
TYPE=button VALUE="Whitespace"
onclick="oRuby.style.rubyOverhang='whitespace';"
>

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

Standards Information

This property is defined in Cascading Style Sheets (CSS), Level 3 (CSS3).

Applies To

CSSStyleDeclaration, currentStyle, RUBY, runtimeStyle, style, CSSCurrentStyleDeclaration Constructor, CSSRuleStyleDeclaration Constructor, CSSStyleDeclaration Constructor

See Also

rubyAlign, rubyPosition