HTML - <bdo> Tag

Quiz

Introduction to <bdo> Tag

The HTML <bdo> (Bi-Directional Override) tag is used to override the default text directionality in the content. It allows to control the direction in which the text is displayed especially for handling text in bidirectional languages like Arabic or Hebrew.

By default, the browsers use the Unicode bidirectional algorithm to determine text direction based on the content language, but the <bdo> tag can determine either LTR or RTL direction. The <bdo> tag allows you to explicitly define the direction using the dir attribute.

Syntax

Following is the syntax of HTML <bdo> tag −.

<bdo dir="..">...</bdo>

Attributes

HTML bdo tag supports Global and Event attributes of HTML. Some specific attributes are accepted as well which are listed bellow.

Attribute	Values	Description
dir	ltr rtl auto	It defines the the text direction on the websites.

Example : Using with dir Attribute

Let's look at the following example, where we are going to use the <bdo> tag along with the HTML dir Attribute.

<!DOCTYPE html>
<html>
<body>
   <p>
      Bellow paragraph will go right-to-left.
   </p>
   <p>
      <bdo dir="rtl">
         Tutorialspoint: Simply Easy Learning
      </bdo>
   </p>
 </body>
</html>

Example : Applying with CSS

Consider the following example, where we are going to create a HTML document using the <bdo> tag and applying CSS properties to it.

<!DOCTYPE html>
<html>
<head>
   <style>
      bdo {
         color: green;
         font-style: italic;
      }
   </style>
</head>
<body>
   <p>
      Default Direction of the Context
   </p>
   <p>
      <bdo>
         Tutorialspoint: Simply Easy Learning
      </bdo>
   </p>
   <p>
      Bellow paragraph will go right-to-left.
   </p>
   <p>
      <bdo dir="rtl">
         Tutorialspoint: Simply Easy Learning
      </bdo>
   </p>
 </body>
</html>

Supported Browsers

Tag
bdo	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Print Page