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.
It is documented as part of the CSS Ruby specification.
Syntax
/* Usage Example */
ruby {
/* Spreads out the pronunciation guide evenly over the character */
ruby-align: space-around;
}
/* Syntax */
ruby-align: start;
ruby-align: center;
ruby-align: space-between;
ruby-align: space-around;
/* Global values */
ruby-align: inherit;
ruby-align: initial;
ruby-align: revert;
ruby-align: revert-layer;
ruby-align: unset;ruby-align Browser support
Newly available
Since
2024 84% global usage
Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
128+
38+
18.2+
128+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more