La text-justifyproprietà in CSS è un compagno della text-alignproprietà che viene utilizzata per impostare il metodo di giustificazione del testo quando text-alignè impostato sul justifyvalore.
p ( text-align: justify; text-justify: inter-word; )Valori
inter-word: Specifica che il testo è giustificato regolando la spaziatura tra le parole, creando effettivamente una spaziatura aggiuntiva tra le parole. Questa è effettivamente una variazione dellaword-spacingproprietà.inter-character: Specifica che il testo viene corretto regolando la spaziatura tra i caratteri, creando effettivamente una spaziatura aggiuntiva dei caratteri. Questa è effettivamente una variazione dellaletter-spacingproprietà.auto: Consente al browser di determinare se la giustificazione è gestita meglio comeinter-wordointer-character. Ciò può essere utile in scenari multilingue in cui la lingua del contenuto è sconosciuta fino al rendering, consentendo al programma utente del browser di scegliere di conseguenza in base a quale metodo si adatta meglio al contesto della lingua.none: Disabilita i metodi di giustificazione, rimuovendo efficacemente qualsiasi opportunità di giustificazione o sovrascrivendo quando un metodo di giustificazione può verificarsi a cascata.
Cos'è esattamente la giustificazione?
Il testo giustificato è un modo elegante per dire come il testo riempie la casella che lo contiene. In effetti, potresti già conoscere bene il testo giustificativo e non lo sai nemmeno. Se hai mai utilizzato software di modifica del testo come Word e Google Docs, potresti avere familiarità con queste icone:
Questi primi tre impostano l'allineamento del testo, proprio come la text-alignproprietà CSS , dove il testo può essere allineato a sinistra, a destra o completamente centrato.
Quella quarta icona è l'opzione di giustificazione e dice al contenuto di riempire l'intera larghezza del documento in modo che ogni riga sia allineata fino al bordo, indipendentemente dal fatto che influenzi la spaziatura tra le parole.
La text-justifyproprietà ci consente di fare lo stesso, ma con ulteriore flessibilità per determinare se il metodo di spaziatura utilizzato per giustificare il contenuto è gestito tra parole o caratteri.
Supporto browser
La text-justifyproprietà è inclusa nella specifica CSS Text Module Level 3, che è attualmente nello stato Editor's Draft al momento della stesura di questo documento.
Questa proprietà è attualmente elencata come "a rischio" di essere abbandonata nel periodo di raccomandazione del candidato. Pertanto, non è consigliabile utilizzare questa proprietà in produzione poiché è improbabile che venga adottata come standard in tutti i browser nel prossimo futuro.
Il supporto attuale è limitato a Firefox 55+. Anche Internet Explorer 11 e Edge 14+ supportano la proprietà, ma solo il inter-wordvalore e i valori non ufficiali non inclusi nella specifica W3C.
Questi dati di supporto del browser provengono da Caniuse, che ha più dettagli. Un numero indica che il browser supporta la funzione a quella versione e successive.
Desktop
| Cromo | Firefox | IE | Bordo | Safari |
|---|---|---|---|---|
| No | 55 | 11 | 18 | No |
Mobile / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| No | 85 | No | No |
