word-spacingProprietatea este similară letter-spacing, deși în mod natural utilizarea acestuia reglementează cantitatea de spațiu între cuvinte într - o bucată de text, nu caracterele individuale.
p ( word-spacing: 2em; )word-spacing poate primi trei valori diferite:
- cuvântul cheie „normal”, care resetează spațiul implicit
- valorile lungimii folosind orice unități CSS (cel mai frecvent px, em, rem)
- cuvântul cheie „moșteni”, care aplică
word-spacingelementul părinte
Cea mai bună practică în acest moment ar fi utilizarea em. Dimensiunea fontului poate fi ajustată, astfel încât utilizarea pixelilor pentru acest lucru ar putea cauza probleme la spațiere între cuvinte nu ar scala ca dimensiunea lor. remeste excelent, de obicei, dar suportul pentru browser este mai mic și, în acest caz de utilizare, este cel mai bine ca spațiul să fie relevant direct pentru cuvintele la care se aplică, nu pentru rădăcină.
Este important de reținut că „cuvântul” în acest context se referă de fapt la o bucată singulară de conținut inline - ceea ce înseamnă că word-spacingafectează atât inline-blockelemente, cât și inlineelemente. În acest exemplu, mai multe astfel de elemente sunt spațiate prin setarea word-spacingcontainerului părinte:
Puncte de interes
word-spacingProprietatea este animatable cu CSS Tranziții.- În timp ce utilizarea valorii „procentuale” pentru a determina distanțarea este permisă conform specificațiilor, aceasta poate produce rezultate imprevizibile - adesea pur și simplu nu are deloc efect.
- Setarea spațiului alb la zero este una dintre modalitățile de a lupta împotriva spațiului dintre elementele blocului în linie.
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Lucrări | Lucrări | Lucrări | Lucrări | Lucrări | Cel mai | Lucrări |
O notă privind compatibilitatea browserului Android: marea majoritate a dispozitivelor Android acceptă - cu toate word-spacingacestea, unele dispozitive care utilizează versiuni Webkit non-Apple sau browserul Netfront nu. Specificațiile sunt detaliate în linkul QuirksMode de mai sus.