CSS2 » Properties » unicode-bidi

Version: Level 2

Compability: IE5+

Syntax:
unicode-bidi : bidi-override | embed | normal
normal
The normal value allows the implicit use of the bidirectional algorithm that controls text flow.
embed
The embed value is used with inline-level elements to set levels of embedding in the bidirectional algorithm that controls text flow. You can set up to 15 embedded levels.
bidi-override
The bidi-override value allows the text direction to be set for an inline-level element or for a block-level element that contains only inline-level elements. The implicit portion of the bidirectional algorithm is ignore.

The unicode-bidi property is used when you need to display text that is read in different directions on the same Web page. It is used in conjunction with the direction property which sets the direction that the text flows. These two properties specify how the elements and attributes of a document language map to the bidirectional algorithm that controls text flow. This property is not inherited.

As an example, consider displaying a Hebrew text (which is read left-to-right) on a Web page that is otherwise in English (which reads right-to-left).
 
If you wish to apply the direction property to an inline-level text, you must set the unicode-bidi property either to the bidi-override or embed values.
 

Examples

Code:
<blockquote style="direction: rtl; unicode-bidi: bidi-override;">
ABC DEF GHI JKL MNO PQR STV UWX YZ
</blockquote>
Output:
ABC DEF GHI JKL MNO PQR STV UWX YZ
Explanation:

This example is best viewed in IE5.0 or IE5.5.

Language(s): CSS2

See Also: