A word-spacingtulajdonság hasonló ahhoz letter-spacing, bár természetesen a használata szabályozza a szövegdarab szavai közötti hely nagyságát, nem pedig az egyes karaktereket.
p ( word-spacing: 2em; )word-spacing három különböző értéket kaphat:
- a „normál” kulcsszó, amely visszaállítja az alapértelmezett térközt
- hosszértékek bármely CSS egység használatával (leggyakrabban px, em, rem)
- az „örökölni” kulcsszó, amely
word-spacinga szülő elem
A legjobb gyakorlat ebben az időben a használata lenne em. A betűméret módosítható, így a pixelek használata ehhez problémákat okozhat a szavak közötti távolságban, és nem méretezné a méretüket. remáltalában nagyszerű, de a böngésző támogatása alacsonyabb, és ebben az esetben valószínűleg a legjobb, ha a szóköz közvetlenül a szavakra vonatkozik, nem pedig a gyökérre.
Fontos megjegyezni, hogy a „szó” ebben a kontextusban valójában az inline tartalom egyes darabját jelenti - ami azt jelenti, hogy word-spacingaz inline-blockelemekre és az inlineelemekre egyaránt hatással van . Ebben a példában több ilyen elem van elhelyezve úgy, hogy beállítják a word-spacingszülőtárolójukat:
Látványosság
- Az
word-spacingingatlan CSS Transitions segítségével animálható. - Míg a "százalékos" érték használata a távolság meghatározásához megengedett a specifikáció szerint, ez kiszámíthatatlan eredményeket hozhat - gyakran egyszerűen nincs hatása.
- A fehér tér nullára állítása az egyik módja az inline blokkelemek közötti tér elleni küzdelemnek.
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Művek | Művek | Művek | Művek | Művek | A legtöbb | Művek |
Megjegyzés az Android böngésző támogatásáról: Az androidos eszközök túlnyomó többsége támogatja az word-spacingegyes eszközöket, amelyek azonban nem az Apple által fejlesztett Webkit vagy a Netfront böngészőt használják. A részleteket a fenti QuirksMode link részletezi.