Code has been added to clipboard!

HTML bdo Tag System

Reading time 1 min
Published Jun 29, 2017
Updated Oct 2, 2019

bdo Tag System: Main Tips

  • The HTML <bdo> tag system manipulates the direction of the text.
  • <bdo> executes the right to left override to display languages such as Hebrew or Arabic correctly.
  • While there is nothing wrong with using the <bdo> element, it is better to apply <bdi> to prevent issues with the displayed content.

Use of bdo

The HTML <bdo> tag system defines bidirectional text override. In case you need to add a short Arabic phrase to your webpage, you might consider using this element to complete a right to left override of the selected text.

Example
<p><bdo dir="ltr">Hello World!</bdo></p>
<p><bdo dir="rtl">Hello World!</bdo></p>

Note: when you apply <bdo> to regular text, the content gets reversed.

dir

With dir attribute inside the <bdo> tag, characters are set to be displayed in the specified direction.

  • ltr specifies the left to right direction for text.
  • rtl: specifies the right to left direction for text.
Example
<p><bdo dir="ltr">This text is rendered left to right.</bdo></p>
<p><bdo dir="rtl">This text is rendered right to left.</bdo></p>

Browser support

Chrome
All
Edge
All
Firefox
All
IE
All
Opera
All
Safari
All

Mobile browser support

Chrome
All
Firefox
All
Opera
All
Safari
All