Etiqueta HTML <bdi>

Definição e uso

BDI Denota双向隔離（Isolamento Bi-Directional)

<bdi> A etiqueta isola uma parte do texto, que pode ter uma direção diferente das outras partes do texto externo.

É muito útil ao embedding conteúdo gerado pelo usuário com direção de texto desconhecida.

Exemplo

Isolar o nome de usuário das configurações de direção do texto ao redor:

<ul>
  <li>Usuário <bdi>Bill</bdi>: 70 pontos</li>
  <li>Usuário <bdi>Steve</bdi>: 80 pontos</li>
  <li>Usuário <bdi>إيان</bdi>: 90 pontos</li>
</ul>

Experimente você mesmo

Atributos globais

<bdi> A etiqueta também suporta Atributos globais no HTML.

Atributos de evento

<bdi> A etiqueta também suporta Atributos de evento no HTML.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou primeiro essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
16.0 79.0 10.0 Não suportado 15.0