<bdo> : l'élément de remplacement bidirectionnelle

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 2015⁩.

L'élément HTML <bdo> force la direction courante du texte, de sorte que le texte à l'intérieur est affiché dans une direction différente.

Exemple interactif

<h1>Famous seaside songs</h1>

<p>The English song "Oh I do like to be beside the seaside"</p>

<p>
  Looks like this in Hebrew:
  <span dir="rtl">אה, אני אוהב להיות ליד חוף הים</span>
</p>

<p>
  In the computer's memory, this is stored as
  <bdo dir="ltr">אה, אני אוהב להיות ליד חוף הים</bdo>
</p>

html {
  font-family: sans-serif;
}

bdo {
  /* Add your styles here */
}

Les caractères du texte sont dessinés à partir du point de départ dans la direction donnée ; l'orientation des caractères individuels n'est pas affectée (les caractères ne sont donc pas dessinés vers l'arrière, par exemple).

Attributs

Cet élément inclut les attributs universels.

dir

La direction du texte au sein de l'élément. Cet attribut peut valoir :

ltr : pour un texte allant de gauche à droite (left-to-right).
rtl : pour un texte allant de droite à gauche (right-to-left).

Exemples

html

<!-- Change la direction du texte -->
<p>Ce texte se lit de gauche à droite.</p>
<p><bdo dir="rtl">Ce texte se lit de droite à gauche.</bdo></p>

Content categories	Contenu de flux, >contenu phrasé, contenu tangible.
Contenu autorisé	Contenu phrasé.
Omission de balises	Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires.
Parents autorisés	Tout élément acceptant du contenu phrasé.
Rôle ARIA implicite	`generic`
Rôles ARIA autorisés	Tous les rôles sont autorisés.
Interface DOM	`HTMLElement`. Auparavant et jusqu'à Gecko 1.9.2 (Firefox 4) inclus, Firefox implémente l'interface `HTMLSpanElement` pour cet élément.