ruby-overhang

Overview table

Initial value
:

Applies to

All elements

Inherited

No

Media

visual

Computed value
:

Animatable

No

CSS Object Model Property
:

Syntax

• ruby-overhang: auto
• ruby-overhang: none
• ruby-overhang: whitespace

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.

Examples

This example uses the ruby-overhang attribute and the ruby-overhang property to set the overhang of the ruby text. It uses an inline style sheet 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';"
>

View live example

Notes

Remarks

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

Syntax

ruby-overhang: auto | whitespace | none

Standards information

• CSS3 Ruby Module, Section 4.3

See also

Related pages

• CSSStyleDeclarationCSSStyleDeclaration
• currentStylecurrentStyle
• runtimeStyleruntimeStyle
• stylestyle
• Reference
• ruby-alignruby-align
• ruby-positionruby-position

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]