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 atribute</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
Safari
Opera

My Personal Notes

Suggest a Topic

Recommended Posts: