unicode-bidi

The unicode-bidi property is used in conjunction with the direction property to designate whether or not to override the text to support multiple languages in the same document.

Syntax

The unicode-bidi property overrides the user-agent’s Unicode algorithm to allow the developer to control text embedding.

div.uni {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Values

normal
Default value. An additional level of embedding is not opened by the element.

embed
An additional level of embedding is opened for inline elements.

bidi-override
This creates an override for inline elements and for inline-level descendants within a block element and not within another block element.

isolate
Isolates the element from its siblings.

isolate-override
Applies the same behavior of isolate to the surrounding content and the behavior of bidi-override to the inner content..

plaintext
Makes the elements directionality calculated without the direction property and without consideration of its parent bidirectional state.

initial
Sets the property to its default value.

inherit
Inherits this property’s value from its parent item.

Browser Compatibilty

Demos

Have a code example of unicode-bidi? Submit a codepen.io demo and we'll showcase it here ↴