letter-spacingVlastnost ovládá množství prostoru mezi každé písmeno v daném prvku nebo blok textu. Hodnoty podporované pomocí letter-spacingzahrnují relativní hodnoty písma (em, rem), relativní hodnoty rodičů (procento), absolutní hodnoty (px) a normalvlastnost, která se resetuje na výchozí hodnotu písma.
Doporučuje se používat hodnoty relativní k písmu, aby se letter-spacingpři změně velikosti písma vhodně zvětšilo nebo zmenšilo, buď podle návrhu, nebo podle chování uživatele.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Nejdůležitějším bodem, který si při používání všimněte, letter-spacingje to, že zadaná hodnota nezmění výchozí nastavení, přidá se k výchozím mezerám, které prohlížeč použije (na základě metrik písma). letter-spacingpodporuje také záporné hodnoty, které spíše zpříjemní vzhled textu než jej uvolní.
Body zájmu
- Hodnoty subpixelů: ve většině prohlížečů zadáním hodnoty, která se vypočítá na méně než,
1pxnebudeletter-spacingpoužito. Aktuálně Firefox 14+ a IE 10 podporují rozložení subpixelů; Opera a WebKit ne. Oprava přistála, takže WebKit nyní podporuje rozteč písmen subpixelů. letter-spacingNemovitost animovatelné s CSS Transitions.- Jedním ze způsobů, jak bojovat proti mezerám mezi vloženými blokovými prvky, je nastavení
letter-spacing: -4px;na nadřazeném kontejneru vložených blokových prvků. Poté budete muset resetovatletter-spacing: normal;podřízené prvky. - Málokdy je dobrý nápad psát malými písmeny mezeru.
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Funguje | Funguje | Funguje | Většina | Funguje | Funguje | Funguje |
Poznámka k podpoře mobilního prohlížeče: některé verze Opera Mobile, nestandardní implementace WebKit a prohlížeč NetFront nepodporují letter-spacing. Specifika jsou podrobně popsána výše v odkazu QuirksMode.