La proprietà writing-mode cambia la direzione del flusso del testo.
Valori disponibili
.vertical {
writing-mode: vertical-rl; /* Verticale, destra a sinistra */
writing-mode: vertical-lr; /* Verticale, sinistra a destra */
}
.horizontal {
writing-mode: horizontal-tb; /* Default, orizzontale */
}Casi d uso
/* Etichetta verticale su sidebar */
.sidebar-label {
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(180deg);
}text-orientation
.vertical-text {
writing-mode: vertical-rl;
text-orientation: upright; /* Caratteri dritti */
text-orientation: mixed; /* Misto (default) */
}