ruby-overhang

Specifies whether a ruby annotation (pronunciation guide) can 'hang over' onto adjacent characters if it is wider than the character it's attached to.

It is documented as part of the CSS Ruby specification.

/* Usage Example */
ruby {
  /* Prevents the tiny guide text from overlapping nearby characters */
  ruby-overhang: none;
}

/* Syntax */
ruby-overhang: auto;
ruby-overhang: none;

/* Global values */
ruby-overhang: inherit;
ruby-overhang: initial;
ruby-overhang: revert;
ruby-overhang: revert-layer;
ruby-overhang: unset;
Limited availability Since 2020 11% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

18.2+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC