CSS ruby layout

The CSS ruby layout module provides the rendering model and formatting controls related to the display of ruby annotations. Ruby annotations are a form of interlinear annotation, consisting of short runs of text alongside the base text. They are typically used in East Asian documents to indicate pronunciation or define meaning.

Reference

Properties

Note: The CSS ruby layout module introduces two properties, ruby-merge and ruby-overhang, that have not yet been implemented in any browser.

Display values

The CSS ruby layout module adds the following values to the display property:

ruby
ruby-base
ruby-text
ruby-base-container
ruby-text-container

Glossary and keywords

ruby

Related concepts

CSS display module
- display
- <display-internal>
CSS text decoration module
- text-emphasis-color
- text-emphasis-position
- text-emphasis-style
- text-emphasis shorthand
HTML elements
- <rb>
- <rp>
- <rt>
- <rtc>
- <ruby>

Specifications

Specification
CSS Ruby Annotation Layout Module Level 1