Writing-mode per Testo Verticale

Writing-mode per Testo Verticale

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) */
}

Hai trovato utile quest'articolo?

  • Introduzione al CSS

    Introduzione al CSS Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile...
  • Selettori Css di Base

    Selettori Css di Base I selettori CSS permettono di identificare gli elementi HTML a cui applicare g...
  • Proprietà color e background

    Proprietà color e background Le proprietà color e background sono fondamentali per definire l'aspett...
  • Margin e Padding

    Margin e Padding Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chi...
  • Box Model CSS

    Box Model CSS Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappres...