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 seraauto
. - Cet attribut peut être surchargé par les propriétés CSS
direction
etunicode-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 GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
dir |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Voir aussi
- Les différents attributs universels
- La propriété
HTMLElement.dir
qui reflète cet attribut