CSS - direction


Advertisements


Description

The direction indicates the writing direction to be used in the rendering of an element.

Possible Values

  • ltr − element will be rendered from left to right.

  • rtl − element will be rendered from right to left.

Applies to

All the HTML elements.

DOM Syntax

object.style.direction = "ltr";

Example

Here is the example −

<html>
   <head>
   </head>
   <body>
      <p style="direction:rtl;">
      Right-to-left rendering direction - Example
      </p>
      
      <p style="direction:ltr;">
      Left-to-right rendering direction - Example
      </p>
   </body>
</html> 

This will produce following result −



Advertisements