unicode-bidi Description:

The unicode-bidi property sets or retrieves the level of embedding with respect to the bidirectional algorithm. In other words, it allows you to change the direction of embedded text within text of a different direction.

unicode-bidi in CSS Versions:

• CSS 2
• CSS 3

unicode-bidi Syntax:

unicode-bidi: normal | embed | bidi-override | inherit

• normal
  There will not be a new level of embedding opened.

• embed
  An additional Unicode embedding level is created, the direction set by the direction property.
• bidi-override
  The value of the direction overrides the unicode direction.
• inherit
  The element should have the same unicode-bidi setting as the parent.

unicode-bidi Initial Value:

normal

unicode-bidi Applies To:

All elements.

unicode-bidi Inheritance:

This property is not inherited.

unicode-bidi Browser Support:

• Netscape 6, 7
• Mozilla 1
• Firefox 1
• Internet Explorer 5, 6
• Opera 6, 7, 8
• Safari 1

unicode-bidi media type:

• Visual

unicode-bidi Examples:

Override the bidirectional algorithm for English

<p> This text is left to right<span style="direction:rtl;unicode-bidi:bidi-override;">this is right to left</span> </p>
unicode-bidi Special Notes:

• With a normal unicode-bidi setting, the browser will display the content in the direction of the language, even if you set the direction to the opposite.

More unicode-bidi Information

• Writing a Global Page
• More on International Pages
• Using Non-English Letters

• Special Character Sets

Return to the Style Library