CSS unicode-bidi Property

❮ Previous Reference Next ❯


.example {
  direction: rtl;
  unicode-bidi: bidi-override;


The unicode-bidi property allows the text direction to be overridden to support multiple languages and text flow directions in the same document.

Note: That the unicode-bidi and direction properties are the only properties that are not affected by the all shorthand.

Warning: This property is intended for Document Type Definition (DTD) designers. Web designers and similar authors should not override it.

Default value:normal
JavaScript syntax:

Standard Syntax

unicode-bidi: normal|embed|bidi-override|isolate|isolate-override|plaintext|initial|inherit|revert|revert-layer|unset;

Browser Support

The numbers in the table specify the first browser version that fully supports the property.


Property Values

The following table describes the values of this property.

Value Description
normal This is default value. Specifies the standard direction and rendering.
embed This allows a new level of embedding to change direction.
bidi-override This allows the direction property to override any predefined direction.
isolate This keyword indicates that the element's container directionality should be calculated without considering the content of this element. The element is therefore isolated from its siblings. When applying its bidirectional-resolution algorithm, its container element treats it as one or several U+FFFC Object Replacement Character, i.e. like an image.
isolate-override This keyword applies the isolation behavior of the isolate keyword to the surrounding content and the override behavior of the bidi-override keyword to the inner content.
plaintext This keyword makes the elements directionality calculated without considering its parent bidirectional state or the value of the direction property. The directionality is calculated using the P2 and P3 rules of the Unicode Bidirectional Algorithm. This value allows the display of data that is already formatted using a tool following the Unicode Bidirectional Algorithm.
initial Sets this property to its default value.
inherit If specified, the associated element takes the computed value of its parent element animation-delay property.
revert Reverts the cascaded value of the property from its current value to the value the property
revert-layer Rollback styles to the ones specified in previous cascade layers.
unset Resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not.

Default CSS Property Values

selectors {
  unicode-bidi: normal;
❮ Previous Reference Next ❯