direction

Support Key: [CSS2] [IE5|N6]
Other International Properties
unicode-bidi
ruby-align
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:
ltr
Applicable Elements:
All
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
<element DIR="ltr|rtl">
What is it?
Text in some languages flows from right to left, while many other languages flow from left to right. There will inevitably be cases where left to right text and right to left content must be intermingled. Unicode allows for a complex process of determining the directional flow of content based on properties of the characters and content, as well as explicit controls for language "embeddings" and directional overrides. This algorithm should be used with bi-directional content as formatted by CSS. The 'unicode-bidi' and 'direction' properties specify how document content maps to the Unicode algorithm.

The 'direction' property specifies the base direction (reading order) for text content in an element. It is also meant to control the directionality of table columns, text overflow and positioning of justified text.

Allowed Values
inherit
[CSS2] [IE5]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
ltr
[CSS2] [IE5|N6]
Type: Explicit
Description:
Text flow is left-to-right.
rtl
[CSS2] [IE5|N6]
Type: Explicit
Description:
Text flow is right-to-left.
Example
Ext/Doc: div { unicode-bidi: embed; direction: rtl }
In-Line:  <div STYLE="unicode-bidi: embed; direction: rtl">Bidi content</div>
Notes Browser Peculiarities

Boring Copyright Stuff....