<bdo>
Remplace explicitement la direction du texte (gauche-à-droite ou droite-à-gauche), forçant le navigateur à afficher les caractères dans l'ordre spécifié.
Description
L’élément <bdo> (Bidirectional Override) force la direction d’affichage d’un texte via l’attribut dir. Contrairement à <bdi> qui isole passivement, <bdo> impose activement l’ordre de rendu des caractères. Il est utile pour afficher du texte dont la direction diffère du contexte, ou pour des effets typographiques intentionnels.
Syntaxe
<p>Texte inversé : <bdo dir="rtl">Bonjour</bdo></p>Exemples
Affichage d’un texte arabe dans un document LTR :
<p>Le mot "maison" en arabe s'écrit : <bdo dir="rtl">بيت</bdo></p>Forcer l’affichage RTL sur un passage :
<p lang="ar" dir="rtl">
<bdo dir="rtl">مرحباً بك في موقعنا</bdo>
</p>Attributs spécifiques
| Attribut | Type | Description |
|---|---|---|
dir | enum | Obligatoire. Direction du texte : ltr (gauche-à-droite) ou rtl (droite-à-gauche). |
Notes
<bdo> vs dir sur un bloc : <bdo> agit sur l’ordre des caractères eux-mêmes (rendu visuel), tandis que dir sur un bloc affecte la mise en page et l’alignement. Pour localiser une page entière en RTL, utiliser <html dir="rtl"> ou dir sur les sections concernées.
Cas d’usage réels : correction d’affichage de texte hébreu ou arabe dans un contexte LTR, ou affichage d’une translittération phonétique dans l’ordre inverse.
Support navigateurs
Chrome≤15+ · Firefox10+ · Safari≤4+ · Edge12+