direction

Résumé

La propriété CSS direction doit être paramétrée afin de correspondre à la direction du texte :rtl (right to left) pour les texte en hébreu ou en arabe et ltr pour les autres. Cela doit normalement être fait dans le document (par exemple, en utilisant l'attribut dir en HTML) plutôt qu'avec une feuille de style CSS.

La propriété définit la direction principale du texte des éléments de type bloc et celle des éléments incorporés créés par la propriété unicode-bidi. Elle définit également l'alignement par défaut du texte et des éléments de type bloc, ainsi que le sens de progression des cellules dans une ligne de tableau.

Contrairement à l'attribut HTML dir, la propriété direction n'est pas héritée pour les cellules depuis les colonnes d'un tableau car l'héritage CSS suit l'arborescence du document et les cellules sont à l'intérieur des lignes et non à l'intérieur des colonnes.

Les propriétés direction et unicode-bidi sont les deux seuls propriétés qui ne sont pas affectés par les all propriétés raccourcies.

Syntaxe

direction: ltr | rtl;

Valeurs

ltr 
Valeur par défaut de direction. Le contenu, texte ou autre, va de la gauche vers la droite.
rtl 
Le contenu, texte ou autre, va de la droite vers la gauche.

Pour que la propriété direction s'applique aux éléments de type en-ligne, la valeur de la propriété unicode-bidi doit être embed ou override.

Exemples

blockquote {
  direction : rtl ;
}

Notes

Contrairement à l'attribut HTML dir, la propriété CSS direction n'est pas héritée des colonnes de tableaux par les cellules, car l'héritage CSS suit l'arbre du document et que les cellules de tableau appartiennent à un rang et non à une colonne.

Spécification

Voir également

unicode-bidi

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : teoli, ksad, FredB, Mgjbot, Fredchat, Kyodev, VincentN
Dernière mise à jour par : teoli,
Masquer la barre latérale