Attribut text-orientation CSS

Définition et utilisation

text-orientation L'attribut spécifie la direction du caractère.

Remarque :Seulement lorsque writing-mode Il est efficace uniquement lorsque le texte est vertical.

Définir la direction du texte pour différents éléments <div> :

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upright;
}

text-orientation L'attribut peut être utilisé pour modifier la direction des en-têtes de tableau :

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|hérité;

Valeur	Description
mélange	Valeur par défaut. Le caractère est tourné de 90 degrés dans le sens des aiguilles d'une montre.
upright	Le caractère ne tourne pas, il reste vertical.
sideways	La direction du caractère est la même que la direction de la ligne de texte lorsque le writing-mode est vertical, c'est-à-dire tourné de 90 degrés dans le sens des aiguilles d'une montre.
sideways-right	égal à la valeur de l'attribut sideways. Conserver pour des raisons de compatibilité.
use-glyph-orientation	Utilisé pour les éléments SVG, afin que le texte hérite des propriétés SVG obsolètes glyph-orientation-vertical et glyph-orientation-horizontal.
initial	Règle cette propriété à sa valeur par défaut. Voir initial.
hérité	Inherits this property from its parent element. Voir hérité.

Valeur par défaut :	mélange
Héritabilité :	oui
Création d'animation :	Non pris en charge. Voir :Propriétés liées aux animations.
Version :	CSS3
Syntaxe JavaScript :	object.style.textOrientation="upright"

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

Chrome	Edge	Firefox	Safari	Opéra
48.0	79.0	41.0	14.0	35.0