ruby-overhang property CSS Reference

Definition and Usage

This property determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition to its own base, when the ruby text is wider than the ruby base.

  • Initial valuenone
  • Applies toThe parent of elements with display: ruby-text
  • InheritedYes
  • MediaVisual
  • Computed valueSpecified value
  • AnimatableNo
  • CSS VersionCSS3


ruby-overhang: auto | start | end | none;


No detailed information


.class {
    ruby-overhang: start ;

Relative articles