The HTML dir attribute specifies the text directionality, allowing content to be displayed from left-to-right (ltr), right-to-left (rtl), or determined automatically (`auto`) by the browser based on 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:
| Value | Description |
|---|---|
| ltr | Default value. Text direction left-to-right. |
| rtl | Text direction right-to-left. |
| auto | Text direction determined by browser based on content. |
HTML dir Attribute examples
Example 1: In this example we demonstrates the use of the dir attribute set to "rtl" for right-to-left text direction in the paragraph element.
<!DOCTYPE html>
<html>
<head>
<title>dir attribute</title>
</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: In this example we demonstrates the dir attribute set to "ltr" for left-to-right text direction in a paragraph element, displaying content accordingly.
<!DOCTYPE html>
<html>
<head>
<title>dir attribute</title>
</head>
<body>
<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: