Attribut DIRECTION
Rôle
L’attribut direction permet de gérer la drirection du texte par rapport à la page (gauche-droite ou droite-gauche).
Version : CSS2
Héritage (inherit) : oui
Propriété Javascript : element.style.direction
Testez vous-même cet attribut
Utilisez Codepen.
– Le code CSS
.droite{ direction : rtl; }
– Le code HTML
<p>Direction par défaut</p> <p class="droite">Direction inversée</p>
Résultat
Compatibilité
L’attribut direction est pris en charge par tous les principaux navigateurs
Valeurs
Les différentes valeurs de l’attribut direction sont:
- ltr
- De gauche à droite (left to right) : valeur par défaut
Syntaxe :
direction : ltr
- rtl
- De droite à droite (right to left)
Syntaxe :
direction : -rtl
- initial
- La direction est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécificité, par exemple un élément peut ignorer la direction imposée par une feuille de style qui cible aussi cet élément.
Syntaxe :
direction : initial
- inherit
- Hérite de la même propriété que l’élément parent.
Syntaxe :
direction : inherit
A voir aussi
color– text-align– text-decoration– text-transform– text-indent– word-spacing– line-height– letter-spacing– white-space– vertical-align– content