CSS3.com - A comprehensive CSS 3 reference guide, tutorial, and blog

• Tweet
• Share

• Tweet
• Share

This property describes how Ruby Text (RT) content will “hang” over other non-ruby content if the RT content is wider than the RUBY content.

 

Example

ruby { ruby-align: right; ruby-position: above; ruby-overhang: whitespace } <ruby style=”ruby-align: right; ruby-position: above; ruby-overhang: whitespace”>Ruby base content<rt>Ruby text</rt></ruby>

 

Possible Values

Value	Description
auto	RT content that is wider than the RUBY content hangs above other text content outside the RUBY.
none	RT content that is wider than the RUBY content only hangs above other text content adjacent to the RUBY (not including whitespace outside the RUBY.)
whitespace	RT content that is wider than the RUBY content hangs only above whitespace characters adjacent to the RUBY (not including text outside the RUBY.)