Balise HTML <bdo>
La balise HTML <bdo> (« surcharge bidirectionnelle ») définit la direction du texte de droite à gauche. Elle est principalement utilisée avec les langues où la lecture s'effectue de droite à gauche (par ex., l'arabe).
L'attribut dir est obligatoire pour la balise <bdo>. Il définit la direction du texte et peut prendre l'une des deux valeurs suivantes : ltr ou rtl.
Vous ne devez pas utiliser de mots et de phrases en RTL sans balisage, car cela peut provoquer des problèmes d'affichage. Pour isoler le texte bidirectionnel et éviter ce type de problème, utilisez l'élément <bdi>.
HTML5 prend explicitement en charge les attributs d'événement sur tous les éléments, y compris <bdo>.
Syntaxe
La balise <bdo> s'utilise par paires. Le contenu est écrit entre la balise d'ouverture (<bdo>) et la balise de fermeture (</bdo>).
Exemple de texte HTML <bdo> :
Balise HTML <bdo>
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Text from left to right </p>
<p>
<bdo dir="rtl">And this one, from right to left</bdo>.
</p>
</body>
</html>Résultat
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| dir | ltr | rtl | Définit la direction du texte, de gauche à droite ou de droite à gauche. |
La balise <bdo> prend également en charge les Attributs globaux et les Attributs d'événement.
Comment styliser la balise HTML <bdo>
Vous pouvez appliquer des propriétés CSS standard à l'élément <bdo>. Par exemple :
bdo {
color: #333;
font-weight: bold;
background-color: #f0f0f0;
}Pratique
Quel est l'objectif de la balise HTML <bdo> ?