ruby-align

Support Key: [IE5]
Other International Properties
unicode-bidi
direction
ruby-overhang
ruby-position
line-break
word-break
writing-mode
ime-mode
text-justify
text-autospace
text-kashida-space
layout-flow
layout-grid
layout-grid-mode
layout-grid-type
layout-grid-line
layout-grid-char
layout-grid-char-spacing
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   auto
Applicable Elements:
ruby
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
NA
Official Docs:
Microsoft MSDN Reference
What is it?
This property specifies the horizontal alignment of the Ruby Text (RT) relative to the RUBY element content.

Allowed Values
auto
[IE5]
Type: Explicit
Description:
The browser determines how the Ruby Text (RT) is to be aligned. Content from Asian character sets will be aligned using the 'distribute-space' method, while non-Asian character content will be aligned using the 'center' method.
left
[IE5]
Type: Explicit
Description:
The left side of the Ruby Text (RT) is aligned with the left side of the Ruby content.
center
[IE5]
Type: Explicit
Description:
The Ruby Text (RT) is centered relative to the Ruby content
right
[IE5]
Type: Explicit
Description:
The right side of the Ruby Text (RT) is aligned with the right side of the Ruby content.
distribute-letter
[IE5]
Type: Explicit
Description:
If the width of the content of the Ruby Text (RT) is less than the width of the RUBY content, the letter-spacing of the RT content is set so that the content is evenly distributed across the width of the RUBY content. For RT widths greater than or equal to the width of the RUBY content, this value is treated like 'center'.
distribute-space
[IE5]
Type: Explicit
Description:
If the width of the content of the Ruby Text (RT) is less than the width of the RUBY content, white space is added to the right and left of the RT content equal to half the kerning value of the RT content. Remaining horizontal space in the RT content is evenly distributed across the width of the RUBY content. For RT widths greater than or equal to the width of the RUBY content, this value is treated like 'center'.
line-edge
[IE5]
Type: Explicit
Description:
If the Ruby Text (RT) is next to or adjacent to a line edge, it is aligned to that edge. Otherwise, it is center aligned. The IE reference is not very clear on what a "line edge" specifically IS.
Example
Ext/Doc: ruby { ruby-align: right; ruby-position: above; ruby-overhang: whitespace }
In-Line:  <ruby STYLE="ruby-align: right; ruby-position: above;
ruby-overhang: whitespace">Ruby base content<rt>Ruby text</rt></ruby>
Browser Peculiarities

Boring Copyright Stuff....