word-spacingImovine je slična letter-spacing, iako, naravno, njegova uporaba regulira količinu prostora između riječi u dijela teksta, a ne pojedinačne znakove.
p ( word-spacing: 2em; )word-spacing može primiti tri različite vrijednosti:
- "normalna" ključna riječ koja resetira zadani razmak
- vrijednosti duljine pomoću bilo kojih CSS jedinica (najčešće px, em, rem)
- ključna riječ "naslediti", koja primjenjuje
word-spacingnadređeni element
Najbolja praksa u ovom trenutku bila bi uporaba em. Veličina fonta može se prilagoditi, pa bi upotreba piksela za to mogla stvoriti probleme u razmaku između riječi koji se ne bi mijenjao kao njihova veličina. remje sjajno obično, ali podrška za preglednik je manja i u ovom je slučaju vjerojatno najbolje da je razmak relevantan izravno na riječi na koje se primjenjuje, a ne na korijen.
Važno je napomenuti da se „riječ“ u ovom kontekstu zapravo odnosi na jedinstveni dio umetnutog sadržaja - što znači da word-spacingutječe na inline-blockelemente kao i na inlineelemente. U ovom je primjeru nekoliko takvih elemenata razmaknuto postavljanjem postavki word-spacingnadređenog spremnika:
Točke interesa
word-spacingImovina je animatable sa CSS prijelazi.- Iako je uporaba vrijednosti "postotak" za određivanje razmaka dopuštena prema specifikaciji, ona može dati nepredvidive rezultate - često jednostavno nimalo učinka.
- Postavljanje razmaka na nulu jedan je od načina za borbu protiv prostora između ugrađenih elemenata bloka.
Podrška preglednika
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Djela | Djela | Djela | Djela | Djela | Najviše | Djela |
Napomena o podršci za Android preglednik: Velika većina Android uređaja podržava - word-spacingmeđutim, neki uređaji koji koriste Webkit ili Netfront preglednike koji nisu Appleovi ne rade. Specifičnosti su detaljno opisane na gornjoj poveznici QuirksMode.