Writing Modes
HTML / CSS 🔴 SeniorDefinition
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.