The dir
global attribute is an enumerated attribute that indicates the directionality of the element's text.
<p dir="rtl">
This paragraph is in English but incorrectly goes right to left.
</p>
<p dir="ltr">This paragraph is in English and correctly goes left to right.</p>
<hr />
<p>ÙØ°Ù اÙÙÙØ±Ø© باÙÙØºØ© Ø§ÙØ¹Ø±Ø¨ÙØ© ÙÙÙ٠بشÙ٠خاطئ Ù
٠اÙÙØ³Ø§Ø± Ø¥Ù٠اÙÙÙ
ÙÙ.</p>
<p dir="auto">
ÙØ°Ù اÙÙÙØ±Ø© باÙÙØºØ© Ø§ÙØ¹Ø±Ø¨ÙØ© Ø ÙØ°Ø§ ÙØ¬Ø¨ Ø§ÙØ§ÙØªÙØ§Ù Ù
٠اÙÙÙ
Ù٠إÙ٠اÙÙØ³Ø§Ø±.
</p>
It can have the following values:
ltr
, which means left to right and is to be used for languages that are written from the left to the right (like English);rtl
, which means right to left and is to be used for languages that are written from the right to the left (like Arabic);auto
, which lets the user agent decide. It uses a basic algorithm as it parses the characters inside the element until it finds a character with a strong directionality, then applies that directionality to the whole element.Note: The auto
value should be used for data with an unknown directionality, like data coming from user input or external data.
If unspecified, the value is inherited from the parent element.
This attribute can be overridden by the CSS properties direction
and unicode-bidi
, if a CSS page is active and the element supports these properties.
As the directionality of the text is semantically related to its content and not to its presentation, it is recommended that web developers use this attribute instead of the related CSS properties when possible. That way, the text will display correctly even on a browser that doesn't support CSS or has the CSS deactivated.
InheritanceIf an element has no dir
attribute, it will inherit the dir
value set on its parent node, which in turn may inherit it from its parent, and so on.
An image can have its dir
property set to "rtl"
in which case the HTML attributes title
and alt
will be formatted and defined as "rtl"
.
When a table has its dir
set to "rtl"
, the column order is arranged from right to left.
This attribute is mandatory for the <bdo>
element where it has a different semantic meaning.
This attribute is not inherited by the <bdi>
element. If not set, its value is auto
.
Browsers might allow users to change the directionality of <input>
and <textarea>
elements in order to assist with authoring content. Chrome and Safari provide a directionality option in the contextual menu of input fields. Firefox uses Ctrl (Windows)/Cmd (macOS) + Shift + X inside a <textarea>
to toggle text direction. These features toggle the dir
attribute value between ltr
and rtl
.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4