Tag HTML <bdi>

Le tag <bdi> (de l’anglais : bidirectional isolation – isolation bidirectionnelle) est utilisé pour l’isolation bidirectionnelle du texte (le texte, qui contient simultanément différentes langues, lu de gauche à droite et de droite à gauche). Notez que le tag <bdi> ne retourne pas physiquement le texte, il indique uniquement au navigateur que le texte doit être lu dans une direction différente.

Syntaxe

Le contenu de l’élément se situe entre le tag ouvrant(<bdi>) et le tag fermant(</bdi>) .

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <h1> Exemple d'utilisiation du tag bdi </h1>
    <p dir="ltr"><bdi>أرمينيا جميلة</bdi> Cette phrase en arabe est automatiquement affichée de droite à gauche.</p>
  </body>
</html>

Résultat

Attributs

Le tag <bdi> supporte les Attributs globaux et les Attributs d'événements.

Comment styler le tag HTML <bdi> ?

Propriétés communes pour modifier le poids visuel/emphase/taille du texte dans le tag <bdi>:

Coloration du texte dans le tag HTML <bdi>:

Styles de mise en page du texte pour la tag HTML <bdi>:

Autres propriétés utiles pour le tag HTML <bdi>:


Support de Navigateurs



Trouvez-vous cela utile?

Articles Associées