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

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

L'élément HTML <bdo> (pour élément de remplacement du texte bidirectionnel) est utilisé afin d'outrepasser la direction du texte. Cela permet d'imposer une direction donnée à un texte. L'orientation du texte est inversée mais pas celle des caractères.

Exemple interactif

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).

Catégories de contenu 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 Pas de rôle correspondant
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.

Attributs

Comme pour tous les éléments, on peut appliquer 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>

Résultat

Notes

La spécification HTML 4 ne définissait pas d'évènement pour cet élément. Ils ont été ajoutés en XHTML. Ceci était probablement un oubli de la spécification HTML 4.

Spécifications

Specification
HTML Standard
# the-bdo-element

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi

  • Élément HTML associé : <bdi>