ruby-align
A property used in East Asian typography to align 'ruby' annotations (the tiny pronunciation guides above characters). It works like 'justify-content' but specifically for ruby text.
Quick example
ruby {
/* Spreads out the pronunciation guide evenly over the character */
ruby-align: space-around;
}Quick facts
Initial value
space-aroundInherited
Yes
Applies to
ruby bases, annotations, and base/annotation containers
Animation type
byComputedValueType
Values
startcenterspace-betweenspace-aroundruby-align Browser Support
Newly availableSince 202484% global usage
Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Works in all modern browsers. May need a fallback for older browsers.
128+
38+
18.2+
128+