Proprietà text-orientation CSS

Definizione e uso

text-orientation L'attributo specifica la direzione del carattere.

Attenzione:Solo quando writing-mode Ha effetto solo quando è impostato in verticale.

Esempio

Esempio 1

Imposta la direzione del testo per diversi elementi <div>:

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upright;
}

Prova da solo

Esempio 2

text-orientation L'attributo può essere utilizzato per cambiare la direzione della testa della tabella:

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

Prova da solo

Sintassi CSS

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;

Valore dell'attributo

Valore Descrizione
mista Valore predefinito. Il carattere è ruotato di 90 gradi in senso orario.
upright Il carattere non ruota, rimane eretto.
sideways La direzione del carattere è la stessa della direzione della riga del testo quando writing-mode è verticale, ossia ruotato di 90 gradi in senso orario.
sideways-right uguale al valore dell'attributo sideways. Riservato per scopi di compatibilità.
use-glyph-orientation Utilizzato per gli elementi SVG, in modo che il testo ereda le proprietà SVG abbandonate glyph-orientation-vertical e glyph-orientation-horizontal.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita da questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: mista
Ereditarietà: sì
Creazione animazione: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.textOrientation="upright"

Supporto del browser

Tabella delle numeri rappresenta la versione del browser che supporta completamente l'attributo per la prima volta.

Chrome Edge Firefox Safari Opera
48.0 79.0 41.0 14.0 35.0

Pagine correlate

Riferimento:Proprietà writing-mode CSS