CSS unicode-bidi Property


The direction property, in conjunction with the unicode-bidi CSS property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent decides how to display the text using a complex Unicode algorithm.

This algorithm is overridden by the unicode-bidi property, which allows the developer to control the text embedding. The only properties that are unaffected by the all shorthand are unicode-bidi and direction.

Syntax

Example

Preview

Property Values

Value Description
normal The element does not allow for the addition of a new level of embedding. This is the default setting.
embed This value enables an additional level of embedding for inline elements.
bidi-override This creates an override for inline elements. This creates an override for inline-level descendants that are not within another block element for block elements.
isolate The element has been separated from its siblings.
isolate-override -
plaintext -
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
unicode-bidi 2.0 1.0 1.3 5.5 9.2