letter-spacingИмовина контролише количину простора између сваког слова у датом елементу или блок текста. Вредности подржане letter-spacingукључују вредности у односу на фонт (ем, рем), родитељске вредности (проценат), апсолутне вредности (пк) и normalсвојство, које се ресетује на подразумеване вредности фонта.
Препоручује се коришћење релативних вредности фонта, тако да се letter-spacingповећа или смањи на одговарајући начин када се величина фонта промени, било дизајном или понашањем корисника.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Најважнија напомена коју треба имати на уму приликом коришћења letter-spacingје да наведена вредност не мења подразумевану вредност, она се додаје подразумеваном размаку који примењује прегледач (на основу показатеља фонта). letter-spacingтакође подржава негативне вредности, што ће заоштрити изглед текста, уместо да га олабави.
Тачке од интереса
- Вредности подпиксела: у већини прегледача, специфицирање вредности која се израчунава на мање од што
1pxће довести до тога да се нећеletter-spacingприменити. Тренутно Фирефок 14+ и ИЕ 10 подржавају распоред подпиксела; Опера и ВебКит не раде. Закрпа је слетела, тако да ВебКит сада подржава размак слова у субпикселима. letter-spacingИмовина је аниматабле са Транситионс ЦСС.- Један од начина за борбу против простора између елемената уградних блокова је постављање
letter-spacing: -4px;на надређени контејнер елемената уградног блока. Тада ћете морати да ресетујетеletter-spacing: normal;подређене елементе. - Ретко је или је икада добра идеја писати размаком мала слова.
Подршка прегледача
| Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
|---|---|---|---|---|---|---|
| Извођење радова | Извођење радова | Извођење радова | Већина | Извођење радова | Извођење радова | Извођење радова |
Напомена о подршци за мобилни прегледач: неке верзије Опера Мобиле, нестандардне имплементације ВебКит-а и прегледач НетФронт не подржавају letter-spacing. Специфичности су детаљно описане на горњој вези КуирксМоде.