CSS unicode-bidi

Demo

Copy

The CSS unicode-bidi property is used in conjunction with the direction property to specify which direction the text should run (i.e. from left to right or right to left).

Syntax

direction: <value> unicode-bidi: <value>

Possible Values

The CSS 2.1 specification states the following:

normal
The element does not open an additional level of embedding with respect to the bidirectional algorithm. For inline elements, implicit reordering works across element boundaries.
embed
If the element is inline, this value opens an additional level of embedding with respect to the bidirectional algorithm. The direction of this embedding level is given by the direction property. Inside the element, reordering is done implicitly. This corresponds to adding a LRE (U+202A; for direction: ltr) or RLE (U+202B; for direction: rtl) at the start of the element and a PDF (U+202C) at the end of the element.
bidi-override
For inline elements this creates an override. For block container elements this creates an override for inline-level descendants not within another block container element. This means that inside the element, reordering is strictly in sequence according to the direction property; the implicit part of the bidirectional algorithm is ignored. This corresponds to adding a LRO (U+202D; for direction: ltr) or RLO (U+202E; for direction: rtl) at the start of the element or at the start of each anonymous child block box, if any, and a PDF (U+202C) at the end of the element.

Initial Value

normal

Applies To

All elements

Inherited?

No

Media

Visual

Example Code

p {
  direction: rtl; 
  unicode-bidi: embed;
  }