HTML <bdo>
Tag Tutorial
The <bdo>
tag is used to override the text direction of its parent element, allowing you to change the direction of text display in HTML. <bdo>
stands for "Bi-Directional Override".
Example:
In the following example, we will use the <bdo>
tag to change the direction of text display:
<p>Normal text in English</p>
<bdo dir="rtl">Text in Arabic</bdo>
In the above example, the first paragraph displays text in English from left to right. The <bdo>
tag with the dir="rtl"
attribute changes the direction of the text to display in Arabic from right to left.
Attributes of the <bdo>
Tag:
Attribute | Description |
---|---|
dir | Specifies the direction of text display. Can have values of "ltr" for left-to-right or "rtl" for right-to-left. |
align | Specifies the alignment of text display. Can have values of "left", "center", or "right". |
Now, let's see an example using the <bdo>
tag with both attributes:
<bdo dir="rtl" align="right">Text aligned to the right in Arabic</bdo>
In the above example, the text is displayed in Arabic from right to left and aligned to the right side of the page.
Summary:
- The
<bdo>
tag is used to override the text direction of its parent element. - The
dir
attribute specifies the direction of text display (left-to-right or right-to-left). - The
align
attribute specifies the alignment of text display (left, center, or right).