X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <bdi> Tag


Example

Isolate the usernames from the surrounding text-direction settings:

<ul>
<li>User <bdi>hrefs</bdi>: 60 points</li>
<li>User <bdi>jdoe</bdi>: 80 points</li>
<li>User <bdi>إيان</bdi>: 90 points</li>
</ul>

Try it Yourself »

Definition and Usage

bdi stands for Bi-directional Isolation.

The <bdi> tag isolates a part of text that might be formatted in a different direction from other text outside it.

This element is useful when embedding user-generated content with an unknown directionality.


Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element
<bdi> 16.0 Not supported 10.0 Not supported Not supported


Differences Between HTML 4.01 and HTML5

The <bdi> tag is new in HTML5.


Global Attributes

The <bdi> tag also supports the Global Attributes in HTML.


Event Attributes

The <bdi> tag also supports the Event Attributes in HTML.



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook