Was this page helpful?
Additional feedback?
1500 characters remaining
Export (0) Print
Expand All
Collapse the table of content
Expand the table of content
Expand Minimize

2.1.32 [CSS-Level2-2009] Section 9.10, Text direction: the 'direction' and 'unicode-bidi' properties

V0049:

The specification states:

 'direction' Value: ltr | rtl | inherit 
 Initial: ltr 
 Applies to: all elements, but see prose 
 Inherited: yes 
 Percentages: N/A 
 Media: visual 
 Computed value: as specified 
 This property specifies the base writing direction of blocks and the direction of 
 embeddings and overrides (see 'unicode-bidi') for the Unicode bidirectional 
 algorithm. In addition, it specifies the direction of table column layout, the 
 direction of horizontal overflow, and the position of an incomplete last line in a 
 block in case of 'text-align: justify'.
  Values for this property have the following meanings:
  
 ltr 
 Left-to-right direction. 
  
 rtl 
 Right-to-left direction. 
  
 For the 'direction' property to affect reordering in inline elements, the 'unicode-bidi' property's value must be 'embed' or 'override'.
  Note. The 'direction' property, when specified for table column elements, is not inherited by cells in the column since columns are not the ancestors of the cells in the document tree. Thus, CSS cannot easily capture the "dir" attribute inheritance rules described in [HTML4], section 11.3.2.1.
  
  
 'unicode-bidi'
  
 Value:                 normal | embed | bidi-override | inherit
 Initial:               normal
 Applies to:            all elements, but see prose
 Inherited:             no
 Percentages:           N/A
 Media:                 visual
 Computed value:        as specified

Quirks Mode and IE7 Mode (All Versions)

The inherit value of the unicode-bidi property is not supported.

Positioning of absolutely positioned non-replaced elements do not align correctly when the direction property is set to rtl (right to left) and margins left/right are set to auto.

Positioning of absolutely positioned replaced elements do not align correctly when the direction property is set to rtl (right to left) and margins left/right are set to auto.

Alignment of child inline elements is incorrect when the parent and child are specified with different directions.

Borders are not placed on the correct side when an element has its direction property set to rtl.

Show:
© 2016 Microsoft