MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Sommario

L'elemento HTML <bdi> (o elemento Bi-Directional Isolation) isola del testo che potrebbe essere formattato in una direzione differente da quello che lo circonda.

Questo elemento è utile quando si incorpora del testo del quale non si conosce la direzione, ad esempio da un database.

Anche se lo stesso effetto visuale può essere uttenuto usando la regola CSS unicode-bidi: isolate applicata a un elemento <span> o ad un altro elemento relativo alla formattazione del testo, solo l'elemento <bdi> ha significato semantico. Inoltre, i browser possono ignorare il CSS: il testo verrebbe visualizzato correttamente solo utilizzando questo tag.

Attributi

Questo elemento supporta gli attributi globali, con una piccola differenza: l'attributo dir non viene ereditato. Se non impostato, il suo valore predefinito è auto, che permette al browser di decidere la direzione del testo basandosi sul contenuto dell'elemento.

Esempio

<p dir="ltr">Questa parola arabica <bdi>PAROLA_ARABICA</bdi> è automaticamente mostrata da destra verso sinistra.</p>

Risultato

Questa parola arabica ACIBARA_ALORAP è automaticamente mostrata da destra a sinistra.

Specifiche

Specifica Stato Commenti
WHATWG HTML Living Standard
The definition of '<bdi>' in that specification.
Living Standard  
HTML5
The definition of '<bdi>' in that specification.
Recommendation  

Compatibilità con i browser

Funzionalità Chrome Firefox (Gecko) Internet Explorer Opera Safari
Supporto di base 16 10.0 (10.0) Not supported Not supported Not supported
Funzionalità Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Supporto di base Not supported 10.0 (10.0) Not supported Not supported Not supported

Vedi anche

Tag del documento e collaboratori

 Hanno collaborato alla realizzazione di questa pagina: nicolo-ribaudo
 Ultima modifica di: nicolo-ribaudo,