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

The CSS ruby layout module also introduces the ruby-merge and ruby-overhang properties. Currently, no browsers support these features.

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

Specifications

Specification
CSS Ruby Annotation Layout Module Level 1

See also