letter-spacingLastnina nadzira količino prostora med vsako črko v neki element ali del besedila. Vrednosti, ki jih podpirajo, letter-spacingvključujejo vrednosti, povezane z pisavo (em, rem), nadrejene vrednosti (odstotek), absolutne vrednosti (px) in normallastnost, ki se ponastavi na privzeto pisavo.
Priporočljiva je uporaba vrednosti, povezane z pisavo, tako da letter-spacingse ustrezno spremeni ali zmanjša, če se spremeni velikost pisave, bodisi z zasnovo ali vedenjem uporabnika.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Najpomembnejša točka, ki jo je treba upoštevati pri uporabi, letter-spacingje, da navedena vrednost ne spremeni privzete vrednosti, doda se privzeti razmik, ki ga uporablja brskalnik (na podlagi meritev pisave). letter-spacingpodpira tudi negativne vrednosti, ki bodo poostrile videz besedila, ne pa ga rahljale.
Zanimivosti
- Vrednosti podpikslov: v večini brskalnikov določanje vrednosti, ki se izračuna na manj kot,
1pxneletter-spacingbo uporabljeno. Trenutno Firefox 14+ in IE 10 podpirata postavitev podpikslov; Opera in WebKit ne. Popravek je pristal, zato WebKit zdaj podpira razmik med črkami v podpikslih. letter-spacingLastnost je animatable s CSS Transitions.- Eden od načinov boja proti prostoru med elementi v vrstici bloka je nastavitev
letter-spacing: -4px;na nadrejeni vsebnik elementov vrstice blok. Nato boste morali ponastavitiletter-spacing: normal;podrejene elemente. - Redko, če sploh kdaj je dobro, da preslednice pišemo z malimi črkami.
Podpora za brskalnik
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Deluje | Deluje | Deluje | Večina | Deluje | Deluje | Deluje |
Opomba o podpori mobilnega brskalnika: nekatere različice Opera Mobile, nestandardne izvedbe WebKit in brskalnik NetFront ne podpirajo letter-spacing. Podrobnosti so podrobno opisane na zgornji povezavi QuirksMode.