Loading Please Wait...

Logo Lynxsia IT Solutions

CSS Text Direction

CSS Text Direction

CSS direction properties is used to set direction of the text and elements.

Text Direction Values

ltr: left-to-right for language like English, Hindi, etc.

rtl: right-to-left for language like Arabic, Hebrew, etc.

Global values: inherit, initial, revert, revert-layer, unset.

					 
        
          /* Keyword values */
          direction: ltr;
          direction: rtl;

          /* Global values */
          direction: inherit;
          direction: initial;
          direction: revert;
          direction: revert-layer;
          direction: unset;
        
      
The direction property to take effect on inline level element we must define unicode-bidi properties to embed or override
CSS Unicode-bidi

CSS unicode-bidi properties is used to define how bidirectional text is handled in a multiple language document.

Unicode-bidi Values

normal: The element does not open an additional level of embedding.

embed: For inline elements, this value opens an additional level of embedding.

bidi-override: For inline elements, this creates an override. For block elements, this creates an override for inline-level descendants not within another block element.

isolate: The element is isolated from its siblings.

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.

Global values: inherit, initial, revert, revert-layer, unset.

					 
        
          /* Keyword values */
          unicode-bidi: normal;
          unicode-bidi: embed;
          unicode-bidi: isolate;
          unicode-bidi: bidi-override;
          unicode-bidi: isolate-override;
          unicode-bidi: plaintext;

          /* Global values */
          unicode-bidi: inherit;
          unicode-bidi: initial;
          unicode-bidi: revert;
          unicode-bidi: revert-layer;
          unicode-bidi: unset;
        
      

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Contact Us
Ads
Logo
Lynxsia IT Solutions

We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved