MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Resumo

O HTML <bdi>elemento (ou elemento de isolamento de Bi-direcional) isola um trechode texto que pode ser formatado em uma direção diferente de outro texto fora dela.
 

Este elemento é útil ao incorporar o texto com uma direção desconhecida, de um banco de dados por exemplo, no interior do texto com uma direção fixa.

Apesar do mesmo efeito visual pode ser alcançado usando a regra de CSSunicode-bidi: isolar um <span> ou outro elemento de formatação de  texto, o significado semântico  é transportado pelo elemento de<bdi>. Especialmente, os navegadores podem ignorar estilos CSS. Nesse caso, o texto seria ainda corretamente exibido usando o elemento HTML, mas se tornará lixo quando usando o estilo CSS para transmitir semântica.

Atributos

Como todos os outros elementos do HTML, este elemento tem os atributos globais,  com uma pequena diferença de semântica: o atributo dir não é herdado. Se não definido, o   valor padrão é o auto que deixa o navegador decidir a direção com base no conteúdo do elemento.

Exemplo

<p dir="ltr">Esta palavra arábica <bdi>ARABIC_PLACEHOLDER</bdi> é automaticamente voltada da direita</p>

Resultado

Esta palavra arábica ARABIC_PLACEHOLDER é automaticamente voltada da direita

Especificações

Specification Status Comment
WHATWG HTML Living Standard
The definition of '<bdi>' in that specification.
Living Standard  
HTML5
The definition of '<bdi>' in that specification.
Recommendation  

Compatibilidade com Navegadores

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 16 10.0 (10.0) Não suportado Não suportado Não suportado
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support Não suportado 10.0 (10.0) Não suportado Não suportado Não suportado

Veja Também:

Etiquetas do documento e colaboradores

 Colaboradores desta página: Gregory, cid360, jgborges
 Última atualização por: Gregory,