La letter-spacingproprietà controlla la quantità di spazio tra ogni lettera in un dato elemento o blocco di testo. I valori supportati da letter-spacingincludono valori relativi al carattere (em, rem), valori relativi al genitore (percentuale), valori assoluti (px) e la normalproprietà, che ripristina l'impostazione predefinita del carattere.
Si consiglia di utilizzare valori relativi al carattere, in modo che letter-spacingaumenti o diminuisca in modo appropriato quando la dimensione del carattere viene modificata, sia per impostazione predefinita che per comportamento dell'utente.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Il punto più importante da notare quando si utilizza letter-spacingè che il valore specificato non cambia il valore predefinito, viene aggiunto alla spaziatura predefinita applicata dal browser (in base alle metriche dei caratteri). letter-spacingsupporta anche valori negativi, che restringono l'aspetto del testo, invece di allentarlo.
Punti di interesse
- Valori dei pixel secondari: nella maggior parte dei browser, specificando un valore che viene calcolato su un valore inferiore
1pxa nonletter-spacingverrà applicato. Attualmente Firefox 14+ e IE 10 supportano il layout subpixel; Opera e WebKit non lo fanno. La patch è arrivata, quindi WebKit ora supporta la spaziatura tra le lettere dei subpixel. - La
letter-spacingproprietà è animabile con CSS Transitions. - Uno dei modi per combattere lo spazio tra gli elementi di blocco in linea è l'impostazione
letter-spacing: -4px;sul contenitore padre di elementi di blocco in linea. Sarà quindi necessario reimpostareletter-spacing: normal;gli elementi figlio. - Raramente è una buona idea inserire lettere minuscole con spazio.
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Lavori | Lavori | Lavori | Maggior parte | Lavori | Lavori | Lavori |
Una nota sul supporto del browser mobile: alcune versioni di Opera Mobile, le implementazioni WebKit non standard e il browser NetFront non supportano letter-spacing. Le specifiche sono dettagliate nel collegamento QuirksMode sopra.