HTML dir attribute

Last update on August 19 2022 21:50:38 (UTC/GMT +8 hours)

dir

The dir attribute of HTML sets the direction of the text within an element in HTML document.

Supported elements

HTML dir attribute supports all elements except applet, base, basefont, bdo, br, frame, frameset, iframe, param, script.

For bdo element, dir attribute is used to set bidirectional.

Syntax

<ElementName dir="value">.....</ElementName>

Where ElementName is any supported element.

Type of value

Predefined.

Value

Value	Description
ltr	Left to right direction.
rtl	Right to left direction.

Default value

There is no default value of HTML dir attribute. But in practice, unless otherwise mentioned ltr (i.e. left to right) is taken as the default value.

Supported doctypes

HTML 4.01 strict, HTML 4.01 transitional, HTML 4.01 frameset.

Example of HTML dir attribute

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example dir attribute - HTML tutorial | w3resource</title>
</head>
<body>
<p dir="ltr" >This text is in left to right direction.</p>
<p dir="rtl">טקסט זה בשטחים השמאלי בכיוון הנכון</p>
</body>
</html>

Result

This text is in left to right direction.

טקסט זה בשטחים השמאלי בכיוון הנכו

View this example in a separate browser window

Example of HTML dir attribute

Usage of dir attribute with bdo element

<bdo dir="rtl">Some left to right text</bdo>

Previous: HTML defer attribute
Next: HTML disabled attribute