La word-spacingproprietà è simile a letter-spacing, anche se naturalmente il suo uso governa la quantità di spazio tra le parole in un pezzo di testo, non i singoli caratteri.
p ( word-spacing: 2em; )word-spacing può ricevere tre diversi valori:
- la parola chiave "normale", che ripristina la spaziatura predefinita
- valori di lunghezza utilizzando qualsiasi unità CSS (più comunemente px, em, rem)
- la parola chiave "inherit", che applica il valore
word-spacingdell'elemento genitore
La migliore pratica in questo momento sarebbe quella di utilizzare em. La dimensione del carattere può essere regolata, quindi l'uso dei pixel per questo potrebbe causare problemi in quanto la spaziatura tra le parole non si ridimensionerebbe come la loro dimensione. remdi solito è ottimo, ma il supporto del browser è inferiore e in questo caso d'uso probabilmente è meglio che la spaziatura sia pertinente direttamente alle parole a cui viene applicata, non alla radice.
È importante notare che "parola" in questo contesto si riferisce in realtà a un singolo pezzo di contenuto in linea, il che significa che word-spacinginfluisce sugli inline-blockelementi oltre che sugli inlineelementi. In questo esempio, molti di questi elementi sono distanziati impostando il word-spacingdel loro contenitore padre:
Punti di interesse
- La
word-spacingproprietà è animabile con CSS Transitions. - Sebbene l'uso del valore "percentuale" per determinare la spaziatura sia consentito secondo le specifiche, può produrre risultati imprevedibili, spesso semplicemente nessun effetto.
- L'impostazione dello spazio bianco su zero è uno dei modi per combattere lo spazio tra gli elementi del blocco in linea.
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Lavori | Lavori | Lavori | Lavori | Lavori | Maggior parte | Lavori |
Una nota sul supporto del browser Android: la stragrande maggioranza dei dispositivi Android supporta word-spacing, tuttavia, alcuni dispositivi che utilizzano build non Apple di Webkit o il browser Netfront non lo fanno. Le specifiche sono dettagliate nel collegamento QuirksMode sopra.