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

    Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile e la presentazione ...
  • Selettori CSS di base

    I selettori CSS permettono di identificare gli elementi HTML a cui applicare gli stili.Tipi di selet...
  • Proprietà color e background

    Le proprietà color e background sono fondamentali per definire l'aspetto visivo degli elementi.Propr...
  • Margin e Padding

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

    Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappresentato come un...