word-spacingVlastnost je podobná letter-spacing, i když samozřejmě jeho použití upravuje velikost mezery mezi slovy na kus textu, nikoli jednotlivé znaky.
p ( word-spacing: 2em; )word-spacing může přijímat tři různé hodnoty:
- klíčové slovo „normální“, které obnoví výchozí mezery
- hodnoty délky pomocí libovolných jednotek CSS (nejčastěji px, em, rem)
- klíčové slovo „dědit“, které aplikuje
word-spacingnadřazený prvek
Nejlepším postupem v této době by bylo použití em. Velikost písma lze upravit, takže použití pixelů pro toto by mohlo způsobit problémy s mezerami mezi slovy, které by se neomezovaly tak, jak se jejich velikost dělala. remje obvykle skvělá, ale podpora prohlížeče je nižší a v tomto případě použití je pravděpodobně nejlepší, aby mezery byly relevantní přímo pro slova, na která se aplikuje, ne pro root.
Je důležité si uvědomit, že „slovo“ v tomto kontextu ve skutečnosti označuje singulární část vloženého obsahu - což znamená, že word-spacingovlivňuje inline-blockprvky i inlineprvky. V tomto příkladu je několik takových prvků rozmístěno nastavením word-spacingjejich nadřazeného kontejneru:
Body zájmu
word-spacingNemovitost animovatelné s CSS Transitions.- I když je použití „procentní“ hodnoty k určení rozestupu povoleno podle specifikace, může přinést nepředvídatelné výsledky - často jednoduše žádný účinek.
- Nastavení prázdného prostoru na nulu je jedním ze způsobů, jak bojovat proti prostoru mezi vloženými prvky bloku.
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Funguje | Funguje | Funguje | Funguje | Funguje | Většina | Funguje |
Poznámka k podpoře prohlížeče Android: Převážná většina zařízení Android podporuje word-spacing- některá zařízení používající Webkit nebo prohlížeč Netfront od jiných společností však nikoli. Specifika jsou podrobně popsána výše v odkazu QuirksMode.