Open In App
Related Articles

HTML dir Attribute

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

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

Supported Tags: It supports all HTML elements. 

Syntax: 

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

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

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

Example 1:  This example shows the use of the dir attribute.

html

<!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:  This example shows the use of the dir attribute.

html

<!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="ltr">
        GeeksforGeeks: A
        computer science portal for geeks
    </p>
</body>
   
</html>

                    

Output: 

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

  • Chrome
  • Firefox
  • Opera
  • Safari
  • Edge 79


Last Updated : 04 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads