Skip to notes.The slides are typically visually-oriented graphics, but the notes contain enough information to understand the tutorial.
Slide

Ruby alignment

The ruby-align property addresses the relative alignment of ruby and base text when one is longer than the other. Basically the effect is applied to whichever is shorter, the ruby text or the base text. It takes the following values: auto, left, start, center, end, right, distribute-letter, distribute-space, and line-edge.

Note: two separate words are chosen for these examples, one to the left, one to the right of the vertical line. This line is purely to separate the examples on the slides, and is not a product of the styling.

If you apply auto the behavior is left up to the implementation, but the recommended behavior (described by the JIS 4051 standard) is to apply distribute-letter to full-width Chinese, Japanese or Korean characters, but to apply center to others. This is the default behavior.

ruby-align: distribute-letter spreads the shorter text by applying even inter-character spacing so that the beginning edges of the first ruby and base character are aligned, as are the end edges of the last ruby and base characters.


Version: $Id: Slide0210.html,v 1.8 2006/02/02 17:48:26 rishida Exp $