writing-mode

Support Key: [IE5.5B1]
Other International Properties
unicode-bidi
direction
ruby-align
ruby-overhang
ruby-position
line-break
word-break
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:
lr-tb
Applicable Elements:
All
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
NA
What is it?
This property controls the intrinsic writing direction rendering for a block of content. The default is left-to-right, top-to-bottom common in western languages, but the alternate rendering mode is top-to-bottom, right-to-left which is a common rendering mode used in Asian writing systems. The half-width character rotation effect is not cumulative - it is always rotated with respect to the canvas.

Allowed Values
lr-tb
[IE5.5B1]
Type: Explicit
Description:
Character glyphs flow one after another from the source content from left to right, starting from the top of the element's rendering box. When a new line is started, it starts below the previous line at the left-hand side of the element's rendering box.
tb-rl
[IE5.5B1]
Type: Explicit
Description:
Character glyphs flow one after another from the source content from top to bottom, starting from the right side of the element's rendering box. When a new line is started, it starts to the left of the previous line at the top side of the element's rendering box. Full-width characters are rendered with their top on the same side as top of the rendering box, and half-width characters (select kana glyphs and western characters) are rendered rotated 90 degrees clockwise to the original rendering box's orientation.
Example
Ext/Doc: div { writing-mode: tb-rl; }
In-Line:  <div STYLE="writing-mode: tb-rl">Content rendered vertically</div>
Browser Peculiarities

Boring Copyright Stuff....