Proprietà writing-mode CSS

Corso a scelta

Raccomandazione del corso: Definizione e uso

writing-mode

Proprietà che determinano la disposizione orizzontale o verticale delle righe di testo.Effetti di testo CSS

Vedi anche:

Lezione CSS:

Esempio
  Determinare se le righe di testo sono disposte orizzontalmente o verticalmente: 
}
p.test2 {
  writing-mode: vertical-rl; 
}
span.test2 {
  writing-mode: vertical-rl; 
}

Prova da solo

Sintassi CSS

writing-mode: horizontal-tb|vertical-rl|vertical-lr;

Valore dell'attributo

Valore Descrizione
horizontal-tb Fare in modo che il contenuto scorra orizzontalmente da sinistra a destra e verticalmente dall'alto in basso.
vertical-rl Fare in modo che il contenuto scorra verticalmente dall'alto in basso e orizzontalmente da destra a sinistra.
vertical-lr Fare in modo che il contenuto scorra verticalmente dall'alto in basso e orizzontalmente da sinistra a destra.

Dettagli tecnici

Valore predefinito: horizontal-tb
Ereditarietà: È
Produzione di animazioni: Non supportato. Si prega di consultare:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.writingMode="vertical-rl"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
48.0 12.0 41.0 11.0 35.0