dir

L'attribut universel dir est un attribut à valeur contrainte qui indique la direction du texte contenu dans l'élément.

Exemple interactif

<p dir="rtl">
  This paragraph is in English but incorrectly goes right to left.
</p>
<p dir="ltr">This paragraph is in English and correctly goes left to right.</p>

<hr />

<p>هذه الفقرة باللغة العربية ولكن بشكل خاطئ من اليسار إلى اليمين.</p>
<p dir="auto">
  هذه الفقرة باللغة العربية ، لذا يجب الانتقال من اليمين إلى اليسار.
</p>

Les valeurs autorisées pour cet attribut sont :

  • ltr : qui signifie left to right (gauche à droite), utilisé pour les langages écrits de gauche à droite (comme le français ou l'anglais par exemple)
  • rtl : qui signifie right to left (droite à gauche), utilisé pour les langages écrits de droite à gauche (comme l'arabe par exemple)
  • auto : qui délègue la décision à l'agent utilisateur. L'algorithme utilisé est relativement simple : le contenu textuel est analysé et lorsque le premier caractère possédant une direction « forte » est rencontré, cette direction est prise pour l'ensemble de l'élément.

Note : Cet attribut est obligatoire pour l'élément <bdo>, pour lequel l'attribut a une sémantique différente.

  • La valeur de l'attribut n'est pas héritée par l'élément <bdi>. S'il n'est pas défini, la valeur par défaut sera auto.
  • Cet attribut peut être surchargé par les propriétés CSS direction et unicode-bidi, (qui sont appliquées si une page CSS est active et que l'élément courant prend en charge ces propriétés).
  • La direction du texte est généralement liée à la sémantique du contenu et non à sa présentation. Il est donc recommandé d'utiliser cet attribut plutôt que des propriétés CSS quand la direction n'est pas lié à une quelconque mise en forme. Ainsi, le texte sera affiché correctement, y compris si le navigateur ne supporte pas ces propriétés CSS ou si CSS est désactivé.
  • La valeur auto doit être utilisée pour des données dont la direction est inconnue (comme par exemple des données provenant d'une saisie utilisateur).

Spécifications

Specification
HTML
# the-dir-attribute

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
dir

Tip: you can click/tap on a cell for more information.

Full support

Voir aussi