Open In App
Related Articles

HTML dir Attribute

Improve Article
Improve
Save Article
Save
Like Article
Like

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
Similar Reads
Related Tutorials