propriété writing-mode CSS

Définition et utilisation

writing-mode L'attribut définit l'alignement horizontal ou vertical des lignes de texte.

Veuillez également consulter :

Tutoriel CSS :Effets de texte CSS

Exemple

Définit si les lignes de texte sont alignées horizontalement ou verticalement :

p.test1 {
  writing-mode: horizontal-tb; 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Essayez-le vous-même

Syntaxe CSS

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

Valeur de l'attribut

Valeur Description
horizontal-tb Fait que le contenu circule horizontalement de gauche à droite et verticalement du haut vers le bas.
vertical-rl Fait que le contenu circule verticalement du haut vers le bas et horizontalement de droite à gauche.
vertical-lr Fait que le contenu circule verticalement du haut vers le bas et horizontalement de gauche à droite.

Détails techniques

Valeur par défaut : horizontal-tb
Héritage : Est
Réalisation de l'animation : Non pris en charge. Veuillez consulter :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.writingMode="vertical-rl"

Support du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0