Writing Modes

HTML / CSS 🔴 Senior

Definition

Propriété writing-mode qui définit la direction du flux de texte : horizontal (horizontal-tb), vertical de droite à gauche (vertical-rl) ou de gauche à droite (vertical-lr).

Analogie

Comme choisir d'écrire sur une page de gauche à droite, de haut en bas, ou en colonnes verticales comme en japonais.

Exemple de code

.vertical-label {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.japanese-text {
  writing-mode: vertical-rl;
}

Cas d'usage

Supporter du contenu en japonais/chinois vertical ou créer des labels verticaux dans des graphiques.

#interview