CSS ruby-position Property

Description

This ruby-position property is used by the parent of elements with display: ruby-text to control the position of the ruby text with respect to its base.

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

Initial value

before

Applies to

The parent of elements with display: ruby-text

Inherited

Yes

Media

Visual

Computed value

Specified value

Animatable

No

CSS Version

CSS3

JavaScript syntax

object.style.rubyPosition

Syntax

ruby-position: [ over | under | inter-character ] && [ right | left ]

Values

• overThe ruby text appears over the base in horizontal text.
• underThe ruby text appears under the base in horizontal text.
• inter-characterThe ruby text appears on the right of the base in horizontal text.
• rightThe ruby text appears on the right side of the base in vertical text.
• leftThe ruby text appears on the left side of the base in vertical text.

Example

.class {
   ruby-position: under right; 
}

Browser Support

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