This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

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

See also

Related pages

Attributions