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
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 |