CSS ruby-align Property

Description

The ruby-align property can be used on any element to control the text alignment of the ruby text and ruby base contents relative to each other.

The ruby-align property has been deprecated or is no longer in any CSS working groups.

Initial value

auto

Applies to

All elements and generated content

Inherited

Yes

Media

Visual

Computed value

Specified value (except for initial and inherit)

Animatable

No

CSS Version

CSS3

JavaScript syntax

object.style.rubyAlign

Syntax

ruby-align: start | center | space-between | space-around

Values

• startThe ruby content is aligned with the start edge of its box.
• centerThe ruby content is centered within its box.
• space-betweenThe ruby content expands as defined for normal text justification, except that if there are no expansion opportunities the content is centered.
• space-aroundAs for 'space-between' except that there exists an extra expansion opportunity whose space is distributed half before and half after the ruby content.

Example

.class {
   ruby-align: right ; 
}

Browser Support

Desktop
X	X	X	38	X	X
Tablets / Mobile
X	X	38	X	X	X