CSS RUBY-OVERHANG

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
1
2
3
4
5
ruby {
  ruby-align: right;
  ruby-position: above;
  ruby-overhang: whitespace
}
1
2
3
4
<ruby style="ruby-align: right; ruby-position: above;
ruby-overhang: whitespace"
>
  Ruby base content<rt>Ruby text</rt>
</ruby>

Possible Values

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.)