CSS3 Examples

CSS RUBY-OVERHANG

Written by jon on 12:21 AM 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.)