HTML | dir Attribute - GeeksforGeeks

This attribute is used to specify the text direction of the element content.

Syntax:

<element dir = "ltr|rtl|auto">

Attribute Value: This attribute contains three value which are listed below:

ltr: It is the default value. This value represent the text in Left-to-right text direction.
rtl: This value represent the text in right-to-left text direction.
auto: Let the browser figure out the text direction, based on the content.

Example 1:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>dir attribute</title> 
        <style> 
            h1 { 
                color:green; 
            } 
            h1, h2 { 
                text-align:center; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2>dir attribute</h2> 
        <p dir="rtl">GeeksforGeeks: A  
        computer science portal for geeks</p> 
    </body> 
</html> 

Output:

Example 2:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>dir atribute</title> 
        <style> 
            h1 { 
                color:green; 
            } 
            h1, h2 { 
                text-align:center; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>GeeksforGeeks</h1> 
        <h2>dir attribute</h2> 
        <p dir="ltr">GeeksforGeeks: A  
        computer science portal for geeks</p> 
    </body> 
</html> 

Output:

Supported Browsers: The browser supported by dir attribute are listed below:

Chrome
Internet Explorer
Firefox
Opera
Safari

My Personal Notes

Recommended Posts:

Mahadev99

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.

Improved By : shubham_singh