HTML and CSS Reference
In-Depth Information
Compatibility
CSS3
IE 5+
Note
• This property would be correctly written as
-ms-ruby-align
under IE 8 to
indicate it is an extension, but for some reason it is not indicated as such in the
documentation.
ruby-overhang
This property defines the overhang of Ruby text as defined by a
<rt>
tag, in relation to base
text defined by a
<ruby>
tag in regard to adjacent characters.
Syntax
ruby-overhang: auto | none | whitespace
Examples
<p>
123
<ruby style="ruby-overhang: whitespace;">
日本語
<rp>
(
</rp><rt>
にほんご
</rt><rp>
)
</rp>
</ruby>
456
</p>
<p>
123
<ruby style="ruby-overhang: auto;">
日本語
<rp>
(
</rp><rt>
にほんご
</rt><rp>
)
</rp>
</ruby>
456
</p>
<p>
123
<ruby style="ruby-overhang: none;">
日本語
<rp>
(
</rp><rt>
にほんご
</rt><rp>
)
</rp>
</ruby>
456
</p>
Compatibility
CSS3
IE 5+
Notes
• This property would be correctly written as
-ms-ruby-overhang
under IE 8, but
for some reason the documentation does not indicate this.
• The positioning can be quite subtle.