direction (CSS property)
| IE5.5+ | FF1+ | Saf1.3+ | Op9.2+ |
|---|---|---|---|
| Full | Full | Full | Full |
| Inherited | Initial | Version |
|---|---|---|
| Yes | ltr |
CSS2 |
direction: { ltr | rtl | inherit } ;
Example
This style rule causes the columns in
tables belonging to the "arabic" class to be laid out
from right to left:
table.arabic {
direction: rtl;
}Description
This property specifies the following:
- the base writing direction of blocks
- the direction of embeddings and overrides—see
unicode-bidi—for the Unicode bidirectional algorithm - the direction of table column layout
- the direction of horizontal overflow
- the position of an incomplete last line in a block, when the
text-alignproperty has the valuejustify
For the direction property to affect content
reordering in inline elements, the unicode-bidi
property must be set to embed or
override.
The CSS2.1 specification emphasizes that this property should normally be used only by DTD designers. In particular, authors, web designers, and users shouldn’t override it.
Value
ltr- sets a left-to-right direction
rtl- sets a right-to-left direction
Compatibility
| IE | 5.5 | Full |
|---|---|---|
| 6.0 | Full | |
| 7.0 | Full | |
| Firefox | 1.0 | Full |
| 1.5 | Full | |
| 2.0 | Full | |
| Safari | 1.3 | Full |
| 2.0 | Full | |
| 3.0 | Full | |
| Opera | 9.2 | Full |
| 9.5 | Full |
Related Reading
Previous: white-space
Next: unicode-bidi
User-contributed notes
There are no comments yet.
Add a note
To post a note on this topic, please log in with your SitePoint username and password. If you don't have an account yet, you can create a new account for free.
