asp.net.ph

Skip Navigation Links

ruby-overhang Attribute | rubyOverhang Property

Language References


Sets or retrieves the position of the ruby text specified by the RT object.

Syntax


CSS { ruby-overhang: "auto" | "whitespace" | "none" }
Script object.style.rubyOverhang = sruby-overhang ]

Possible Values


auto the ruby text overhangs any other text adjacent to the base text.
whitespace The ruby text overhangs only whitespace characters.
none The ruby text overhangs only text adjacent to its base.

The property is read/write with a default value of auto; the proposed cascading stylesheet ( CSS ) extension attribute is not inherited.

Remarks

The rubyOverhang property specifies the overhang 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.

Example

The following sample demonstrates the use of both the CSS ruby-overhang style attribute and the rubyOverhang object property to set the overhang of the ruby text.

The sample uses an inline stylesheet to set the ruby-overhang attribute to none.

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

This feature requires Microsoft® Internet Explorer® 5 or later.

 Show me 

Applies To

RUBY

See Also

rubyAlign rubyPosition



© 2025 Reynald Nuñez and asp.net.ph. All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note