From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-br/web/html/element/bdi/index.html | 118 ++++++++++++++++++++++++++++ 1 file changed, 118 insertions(+) create mode 100644 files/pt-br/web/html/element/bdi/index.html (limited to 'files/pt-br/web/html/element/bdi/index.html') diff --git a/files/pt-br/web/html/element/bdi/index.html b/files/pt-br/web/html/element/bdi/index.html new file mode 100644 index 0000000000..84fe08c3b3 --- /dev/null +++ b/files/pt-br/web/html/element/bdi/index.html @@ -0,0 +1,118 @@ +--- +title: +slug: Web/HTML/Element/bdi +translation_of: Web/HTML/Element/bdi +--- +

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 CSS{{cssxref("unicode-bidi")}}: isolar um {{HTMLElement("span")}} ou outro elemento de formatação de  texto, o significado semântico só é 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

+ + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-bdi-element', '<bdi>')}}{{Spec2('HTML WHATWG')}} 
{{SpecName('HTML5 W3C', 'the-bdi-element.html#the-bdi-element', '<bdi>')}}{{Spec2('HTML5 W3C')}} 
+ +

Compatibilidade com Navegadores

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support16{{CompatGeckoDesktop("10.0")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatNo}}{{CompatGeckoMobile("10.0")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
+
+ +

Veja Também:

+ + + +

{{HTMLRef}}

-- cgit v1.2.3-54-g00ecf