RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/css/properties/ruby-overhang below:

ruby-overhang · WebPlatform Docs

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