WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

HTML <bdi> Tag


Example

Isolate the username from the surrounding text orientation settings:

<ul>
  <li>User <bdi>hrefs</bdi>: 40 points</li>
  <li>User <bdi>jdoe</bdi>: 50 points</li>
  <li>User <bdi>إيان</bdi>: 60 points</li>
</ul>
Try it yourself »

Definition and Usage

bdi stands for bidi isolation (Bi-directional Isolation).

<bdi> Tags allow you to set a piece of text away from the text orientation setting of its parent element.

This tag is useful when posting user reviews or other content that you have no control over.


Browser Support

Element
<bdi> Yes Yes Yes Yes Yes Yes

Differences Between HTML 4.01 and HTML5

The <bdi> tag is new in HTML5.


Global Attributes

The <bdi> Tag support Global Attributes in HTML.


Event Attributes

The <bdi> Tag support Event Attributes in HTML.