Proprietà CSS text-align-last

Definizione e uso

L'attributo allineamento-testo-ultimi determina come allineare l'ultima riga del testo.

Si prega di notare che l'attributo allineamento-testo-ultimi imposta l'allineamento di tutte le ultime righe dell'elemento selezionato. Pertanto, se un <div> contiene tre paragrafi, allineamento-testo-ultimi verrà applicato all'ultima riga di ciascun paragrafo. Per applicare allineamento-testo-ultimi all'ultimo paragrafo del contenitore, è possibile utilizzare :last child, vedi l'esempio seguente.

Nota:In Edge/Internet Explorer, l'attributo allineamento-testo-ultimi si applica solo ai testi con "allineamento: giustificato".

Vedi anche:

Tutorial CSS:Testo CSS

Manuale HTML DOM:textAlignLast Proprietà

Esempio

Allineare l'ultima riga di tre elementi <div>:

div.a {
  allineamento: giustificato;  /* Per Edge */
  allineamento-testo-ultimi: destra;
}
div.b {
  text-align: justify; /* Per Edge */ 
  text-align-last: center;
}
div.c {
  text-align: justify; /* Per Edge */ 
  text-align-last: justify;
}

Prova personalmente

Puoi trovare più esempi TIY nella parte inferiore della pagina.

Sintassi CSS

text-align-last: auto|left|right|center|justify|start|end|initial|inherit;

Valore dell'attributo

Valore Descrizione
auto

Valore predefinito. Le regole di allineamento di ogni riga sono determinate dal valore di text-align.

Quando il valore di text-align è justify, il comportamento di text-align-last è lo stesso impostato con start.
left L'ultima riga è allineata a sinistra.
right L'ultima riga è allineata a destra.
center L'ultima riga è allineata al centro.
justify L'inizio del testo dell'ultima riga è allineato con la sinistra della casella di contenuto, la fine con la destra.
start

L'ultima riga è allineata all'inizio della riga.

Se text-direction è da sinistra a destra, allinea a sinistra, se text-direction è da destra a sinistra, allinea a destra.
end

L'ultima riga è allineata alla fine della riga.

Se text-direction è da sinistra a destra, allinea a destra, se text-direction è da destra a sinistra, allinea a sinistra.
initial Imposta questo attributo al suo valore predefinito. Vedi: initial.
inherit Eredita questo attributo dal suo elemento padre. Vedi: inherit.

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: Sì
Creazione animazione: Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione: CSS3
Sintassi JavaScript: object.style.textAlignLast="right"

Più esempi

Usa text-align-last: su l'ultima riga del contenitore

div.b p:last-child {
  text-align-last: center;
}

Prova personalmente

Supporto del browser

I numeri nella tabella indicano la versione iniziale del browser che supporta completamente l'attributo.

I numeri con -moz- indicano la versione iniziale utilizzata con il prefisso.

Chrome IE / Edge Firefox Safari Opera
47.0 5.5* 49.0
12.0 -moz-		 Non supportato 34.0

* In Edge/Internet Explorer, non sono supportati i valori "start" e "end".