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.
html
<!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:Â
HTML dir Attribute example 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.
html
<!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:Â
HTML dir Attribute example output
Supported Browsers
The browser supported by dir attribute are listed below:Â
Last Updated :
07 Mar, 2024
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...