ruby-position
Controls where a ruby annotation is placed relative to its character (usually either 'over' or 'under').
Quick example
ruby {
/* Places the pronunciation guide below the character instead of above it */
ruby-position: under;
}Quick facts
Initial value
alternateInherited
Yes
Applies to
ruby annotation containers
Animation type
discrete
Values
alternateoverunderinter-character ruby-position Browser Support
Newly available Since 2024 92% 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.
84+
38+
18.2+
84+