Allows text which flows left to right, to be mixed with text that flows right to left.

  • Initial valuenormal
  • Applies toAll elements
  • InheritedNo
  • MediaVisual
  • Computed valueAs specified
  • AnimatableNo
  • CSS VersionCSS2, CSS3
  • JavaScript
Formal syntax: normal | embed | isolate | bidi-override | isolate-override | plaintext

unicode-bidi: normal;
unicode-bidi: embed;
unicode-bidi: isolate;
unicode-bidi: bidi-override;
unicode-bidi: isolate-override;
unicode-bidi: plaintext;
  • 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
.class {
   unicode-bidi: embed; 
   direction: rtl;

Last updated on 23rd March 2014 By Rene Spronk

View All CSS Properties

Errors? Please help to keep this list up to date, If you find any errors, please contact us, so that we can get them fixed.