Táto word-spacingvlastnosť je podobná letter-spacing, hoci jeho použitie prirodzene určuje veľkosť medzery medzi slovami v texte, nie jednotlivými znakmi.
p ( word-spacing: 2em; )word-spacing môže prijímať tri rôzne hodnoty:
- „normálne“ kľúčové slovo, ktoré obnoví predvolené medzery
- hodnoty dĺžky pomocou akýchkoľvek jednotiek CSS (najčastejšie px, em, rem)
- kľúčové slovo „zdediť“, ktoré uplatňuje
word-spacingrodičovský prvok
Najlepším postupom v tejto chvíli by bolo použitie em. Veľkosť písma je možné upraviť, takže použitie pixelov by mohlo spôsobiť problémy s rozstupom medzi slovami, ktoré by sa nezmenšili tak, ako by sa zmenila ich veľkosť. remje zvyčajne vynikajúci, ale podpora prehľadávača je nižšia a v tomto prípade použitia je pravdepodobne najlepšie, aby medzery zodpovedali priamo slovám, na ktoré sa aplikuje, nie koreňu.
Je dôležité poznamenať, že slovo „slovo“ v tejto súvislosti v skutočnosti označuje jednotný kus vloženého obsahu, čo znamená, že word-spacingovplyvňuje inline-blocknielen prvky, ale aj inlineprvky. V tomto príklade je rozmiestnených niekoľko takýchto prvkov nastavením word-spacingich nadradeného kontajnera:
Body záujmu
word-spacingNehnuteľnosť animovatelné s CSS Transitions.- Aj keď je použitie „percentuálnej“ hodnoty na určenie rozstupu povolené podľa špecifikácie, môže priniesť neočakávané výsledky - často jednoducho žiadny efekt.
- Vynulovanie bieleho priestoru je jedným zo spôsobov, ako bojovať proti medzere medzi prvkami vloženého bloku.
Podpora prehľadávača
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Tvorba | Tvorba | Tvorba | Tvorba | Tvorba | Väčšina | Tvorba |
Poznámka k podpore prehľadávača Android: Prevažná väčšina zariadení so systémom Android podporuje word-spacing- niektoré zariadenia používajúce zostavenie Webkit alebo prehliadač Netfront od iných spoločností však nie. Podrobnosti sú uvedené vyššie v odkaze QuirksMode.