<bdo>: O Elemento BDO
Última atualização: 2026-10-13
<bdo>O Elemento BDO
Substituição bidirecional: força a direção do texto via dir, ex.: renderizar inglês da direita para a esquerda.
| Categoria | Conteúdo de Texto |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </bdo> tag |
| Status | Padrão |
📝 Sintaxe
<bdo dir="rtl">direção forçada</bdo>⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
dir | Forced direction: ltr or rtl. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <bdo> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： bdo substitui a direção natural — útil para demos; prefira bdi no uso diário.
❓ Perguntas Frequentes
QQual é a diferença entre bdo e bdi?
AFerramentas de direções opostas:
<bdo> (override) força a direção do texto, exibindo na direção especificada mesmo que o conteúdo esteja em outro idioma; <bdi> (isolate) apenas isola, com a direção interna detectada pelo conteúdo. Para «exibir invertido», bdo; para «não ser perturbado», bdi.QO atributo dir de bdo pode ser omitido?
ANão;
dir é atributo obrigatório de <bdo> (ltr ou rtl) — sem ele, o elemento não faz sentido. Escrita: <bdo dir='rtl'>text</bdo> exibe o texto da direita para a esquerda.QQuais são os usos práticos de bdo?
ARaros, mas úteis: demonstrações de força de senha, efeito de texto espelhado, depuração de algoritmos bidirecionais, exibição invertida de propósito (como easter eggs em jogos). Páginas multilíngues comuns devem usar o atributo
dir ou <bdi>; bdo é ferramenta para cenários especiais.🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
