letter-spacingVlastnosť ovláda množstvo priestoru medzi každé písmeno v danom prvku alebo blok textu. Medzi hodnoty podporované letter-spacingpatria hodnoty relatívneho písma (em, rem), hodnoty relatívneho rodiča (percento), absolútne hodnoty (px) a normalvlastnosť, ktorá sa nastaví na predvolené hodnoty písma.
Odporúča sa použitie relatívnych hodnôt písma, aby sa letter-spacingpri zmene veľkosti písma primerane zväčšovalo alebo zmenšovalo, a to buď dizajnom, alebo správaním používateľa.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Najdôležitejším bodom, ktorý je potrebné pri používaní poznamenať, letter-spacingje, že zadaná hodnota nezmení predvolenú hodnotu, pridá sa k predvolenej medzere, ktorú použije prehliadač (na základe metrík písma). letter-spacingpodporuje tiež záporné hodnoty, ktoré skôr utiahnu vzhľad textu ako ho uvoľnia.
Body záujmu
- Hodnoty subpixelov: vo väčšine prehľadávačov zadanie hodnoty, ktorá je vypočítaná na menej ako
1pxbude mať za následok, želetter-spacingsa nepoužije. Momentálne Firefox 14+ a IE 10 podporuje rozloženie subpixelov; Opera a WebKit nie. Oprava pristála, takže WebKit teraz podporuje medzery medzi písmenami v pixeloch. letter-spacingNehnuteľnosť animovatelné s CSS Transitions.- Jedným zo spôsobov boja proti medzere medzi prvkami vloženého bloku je nastavenie
letter-spacing: -4px;na nadradenom kontajneri prvkov vloženého bloku. Potom budete musieť resetovaťletter-spacing: normal;podradené prvky. - Písať malé medzery malými písmenami je zriedka alebo niekedy dobrý nápad.
Podpora prehľadávača
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Tvorba | Tvorba | Tvorba | Väčšina | Tvorba | Tvorba | Tvorba |
Poznámka k podpore mobilného prehliadača: niektoré verzie aplikácie Opera Mobile, neštandardné implementácie WebKit a prehľadávač NetFront nepodporujú letter-spacing. Podrobnosti sú uvedené vyššie v odkaze QuirksMode.