HTML <bdi> Tag

Definition og brug

BDI betyder dobbeltsidig isolation (Bi-Directional Isolation)

<bdi> The tag isolates a portion of the text, which may be different in direction from the surrounding text.

This element is very useful when embedding user-generated content with an unknown text direction.

Example

Isolate the username from the surrounding text direction settings:

<ul>
  <li>User <bdi>Bill</bdi>: 70 points</li>
  <li>User <bdi>Steve</bdi>: 80 points</li>
  <li>User <bdi>إيان</bdi>: 90 points</li>
</ul>

Try it yourself

Global attributes

<bdi> The tag also supports Global attributes in HTML.

Event attributes

<bdi> The tag also supports Event attributes in HTML.

Browser support

The numbers in the table indicate the first browser version to fully support this attribute.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 79.0 10.0 Not supported 15.0