English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle CSS (RULES)

大全 des attributs CSS

Méthode d'utilisation et exemple de l'attribut direction de CSS

L'attribut direction spécifie :

  • Direction d'écriture de base du bloc (de droite à gauche ou de gauche à droite).

  • Direction d'insertion et de couverture de l'algorithme bidirectionnel Unicode (voir égalementunicode-bidipropriété)。

  • tabledirection de mise en page des colonnes.

  • overflowde direction horizontale.

  • lorsquetext-alignLa position de la dernière ligne incomplète dans le bloc lorsque la valeur de cet attribut est définie sur justify.

Le tableau suivant décrit l'utilisation de cette propriété, l'historique des versions et la syntaxe d'utilisation de cet attribut dans le script JavaScript.

Valeur par défaut :ltr
Applicable à :Tous les éléments
Héritage :Oui
Animable :Non.Voir également Attributs d'animation
Version :CSS 2、3
Syntaxe JavaScript :object.style.direction="rtl"

Attention :Contrairement à l'attribut dir dans HTML, l'attribut CSS direction spécifié pour les éléments de tableau n'est pas hérité par les cellules de la liste, car l'héritage CSS suit l'arbre de document, la ligne est le parent des cellules de l'arbre de document, pas la colonne.

Syntaxe de l'utilisation de la direction

La syntaxe de cette propriété est la suivante :

direction: ltr | rtl | initial | inherit

Les exemples suivants montrent comment utiliser l'attribut direction.

  p {
   direction: rtl;
   unicode-bidi: bidi-override;
  }
Voyons si‹/›

Attention :Pour que l'attribut direction affecte le redéploiement des éléments en ligne, ilunicode-bidiLa valeur de l'attribut doit être embed ou override.

Valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

ValeurDescription
ltrDéfinir la direction de gauche à droite. C'est la valeur par défaut.
rtlDéfinir la direction de droite à gauche.
initialDéfinir cette propriété à sa valeur par défaut.
inheritSi spécifié, l'élément lié utilise la valeur de l'attribut direction de son élément parent.

Compatibilité du navigateur

Compatibilité des navigateurs pour l'attribut direction, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cet attribut ; tous les navigateurs populaires prennent en charge cet attribut.

  • Firefox 1+

  • Google Chrome2+

  • Internet Explorer 5.5Ci-dessus

  • Apple Safari 1+

  • Opera 9.2+

Lisez la suite

Veuillez consulter les tutoriels suivants :Texte CSS

Attributs associés : unicode-bidi