Proprietà CSS text-justify

Definizione e uso

L'attributo text-justify specifica il modo di allineamento del testo quando text-align è impostato su "justify".

Questa proprietà determina come allineare e separare il testo delle righe di testo.

Esempio

Modifica lo spazio tra le parole per l'allineamento delle righe:

div
{
text-align:justify;
text-justify:inter-word;
}

Prova tu stesso

Sintassi CSS

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

Valore dell'attributo

Valore Descrizione Test
auto Il browser decide l'algoritmo di allineamento. Test
none Disabilita l'allineamento delle righe. Test
inter-word Aumenta o riduci lo spazio tra le parole. Test
inter-ideograph Allinea il contenuto utilizzando il testo semantico. Test
inter-cluster Allinea solo il contenuto che non contiene spazi interni tra le parole (ad esempio, lingue asiatiche). Test
distribute Simile alla pagina di un giornale, eccetto che nell'area di linguaggio dell'Estremo Oriente l'ultima riga non è allineata. Test
kashida Allineamento del contenuto tramite trascinamento dei caratteri. Test

Dettagli tecnici

Valore predefinito: auto
Ereditarietà: sì
Versione: CSS3
Sintassi JavaScript: object.style.textJustify="inter-word"

Supporto del browser

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

Chrome IE / Edge Firefox Safari Opera
Supporta * 11.0 55.0 10.0.3 Supporta *

* Questa funzione si trova nelle preferenze di "Abilita funzionalità Web sperimentali" (deve essere impostata su "Abilitato"). Per modificare le preferenze in Chrome: inserisci "chrome://flags" nel browser Chrome. Per modificare le preferenze in Opera: inserisci "flags" nel browser Opera.