unicode-bidi - HTML CSS CSS Property

HTML CSS examples for CSS Property:unicode-bidi

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. unicode-bidi

Description

The unicode-bidi CSS property handles bidirectional text.

The following table summarizes the unicode-bidi Property.

Item Value
Default value: normal
Applies to:All elements
Inherited: No
Animatable: No.

Syntax

The syntax of the property is as follows: 


direction:      bidi-override | embed | normal | initial | inherit

Property Values

The following table describes the values of this property.

ValueDescription
bidi-override override inline elements.
embed If the element is inline, this value opens an additional level of embedding
normaldoesn't offer an additional level of embedding with respect to the bidirectional algorithm.
initial Sets this property to its default value.
inherit take the value of its parent element unicode-bidi property.

The example below shows the direction property.

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html lang="en">
 <head>
  <title>Example of CSS unicode-bidi property</title>
  <style type="text/css">
    p {<!--   w w w .  j  a va 2 s .  co  m-->
      unicode-bidi: bidi-override;
      direction: ltr;
    }
    p.reverse {
      unicode-bidi: bidi-override;
      direction: rtl;
    }
    </style>
 </head>
 <body>
  <p>This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. </p>
  <p class="reverse">This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. </p>
 </body>
</html>

Related Tutorials