<bdi>

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.

• Categoria Contenuto di flusso, contenuto testuale, contenuto palpabile.
• Contenuto permessoContenuto testuale.
• Omissione del tag Nessuna, sia il tag di apertura che quello di chiusura sono obbligatori.
• Elementi genitore permessi Qualsiasi elemento che accetta contenuto testuale.
• Interfaccia DOM HTMLElement

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

Compatibilità con i browser

Vedi anche

• L'elemento <bdo>;
• Le proprietà CSS direction e unicode-bidi.