HTML <bdo> Tag

In this post, we’re going to talk about Tag Bdo. With the hope that it would help them learn.

The HTML <bdo> tag stands for “Bi-Directional Override” and is used to override the default direction of text in HTML documents. This tag is often used for languages that are written right-to-left, such as Arabic or Hebrew, to ensure proper text display.

The <bdo> tag has two attributes: dir and lang. The dir attribute specifies the direction of the text, either “rtl” (right-to-left) or “ltr” (left-to-right), while the lang attribute specifies the language of the text.

The given example illustrates the working of <bdo> tag:


<!DOCTYPE html> <html> <body> <bdo dir="rtl"> This text will go right-to-left. </bdo> </body> </html>

Here is another example of the tag <bdo>:


<!DOCTYPE html> <html> <body> <p>This text will be displayed left-to-right: <bdo dir="ltr">Hello, World!</bdo></p> <p>This text will be displayed right-to-left: <bdo dir="rtl">Hello, World!</bdo></p></body> </html>

Uses and Definition

BDO stands for Bi-Directional Override Tag Bdo.

By using the <bdo> tag, you can override the default direction of the text.


A must. A directive for defining the direction of text in the <bdo>element

Global Attributes

The HTML Tag <bdo> also works with the Global Attributes.

Event Attributes

HTML’s Event Attributes can also be used with the <bdo> tag.

Browser Compatibility


CSS settings by default

By default, many web browsers will show the following for the <bdo> element:

bdo {
unicode-bidi: bidi-override;

Advantages of HTML <bdo> Tag

The HTML <bdo> tag has several advantages, including:

  1. The <bdo> tag allows web developers to display right-to-left languages, such as Arabic and Hebrew, in their correct direction. Without the <bdo> tag, these languages may be displayed incorrectly or with disrupted text, making the web page difficult to read and understand.
  2. The <bdo> tag can improve the accessibility of web pages for users who speak right-to-left languages or who read in a different direction than the default. By using the <bdo> tag, web developers can ensure that their web pages are readable and understandable for a wider range of users.
  3. The <bdo> tag can be used in combination with other tags, such as the <bdi> tag, to create web pages that support multiple languages and writing directions. This can be especially useful for websites that serve a global audience or have users who speak different languages.
  4. The <bdo> tag is easy to use and implement, requiring only the dir attribute to specify the text direction. This makes it a simple and effective solution for displaying right-to-left languages on web pages.

Do subscribe to our Newsletter below in order to get connected with the latest technical information on this site.
We value your feedback.

Subscribe To Our Newsletter
Enter your email to receive a weekly round-up of our best posts. Learn more!

Leave a Reply

Your email address will not be published. Required fields are marked *