CSS unicode-bidi Property

Description

The unicode-bidi property is used in conjunction with the direction property to set whether the text should be redefined to support multiple languages in one document (for example, if the text contains both text from left to right and right to left).

Initial value: normal
Applies to: All elements
Inherited: No
Computed value: As specified
Animatable: No
JavaScript syntax: object.style.unicodeBidi

Syntax

unicode-bidi: normal | embed | isolate | bidi-override | isolate-override | plaintext

Values

normalElement does not open an additional level of embedding. For inline elements, implicit reordering works across element boundaries.
embedElement opens an additional level of embedding. The value of the direction property specifies the embedding level. Reordering is implicit inside the element.
isolateThis keyword indicates that the element's container directionality should be calculated without considering the content of this element.
bidi-overrideSame as the embed value, except that, inside the element, reordering is strictly in sequence according to the direction property. This value overrides the implicit bidirectional algorithm.
isolate-overrideThis 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.
plaintextThis 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.
inherit

Example

HTML

<p> A paragraph that does not use a bidirectional text display algorithm.  </p> 

<p class="test"> A paragraph that uses a bidirectional text display algorithm and the direction of the letter from right to left. </p>

CSS

.test {
   direction: rtl;
   unicode-bidi: bidi-override;
}

Result

Browser Support

The following table will show you the current browser support for the CSS unicode-bidi property.

Desktop

12	2	1	9.2	1.3

Tablets / Mobile

18	4	10.1	1	1	4.4

Last updated by CSSPortal on: 20th September 2023

Support Us