letter-spacingВластивість управляє кількістю простору між кожною буквою в даному елементі або блоці тексту. Підтримувані значення letter-spacingвключають відносні значення шрифту (em, rem), відносні значення батьків (відсоток), абсолютні значення (px) та normalвластивість, яка скидається до типового значення шрифту.
Рекомендується використовувати відносні значення шрифту, щоб letter-spacingзбільшити або зменшити належним чином при зміні розміру шрифту, або за дизайном, або за поведінкою користувача.
p ( /* 16 * 0.0625 = 1px */ letter-spacing: 0.0625em; )Найважливішим моментом, на який слід звернути увагу при використанні, letter-spacingє те, що вказане значення не змінює значення за замовчуванням, воно додається до інтервалу за замовчуванням, який застосовується браузером (на основі показників шрифтів). letter-spacingтакож підтримує від'ємні значення, що посилить вигляд тексту, а не послабить його.
Цікаві місця
- Значення субпікселів: у більшості браузерів із зазначенням значення, яке обчислюється менше, ніж
1pxнеletter-spacingбуде застосовано. В даний час Firefox 14+ та IE 10 підтримують макет пікселів; Opera та WebKit - ні. Виправлення потрапило, тому WebKit тепер підтримує інтервал між пікселями в пікселях. letter-spacingВластивість аніміруемое з CSS Transitions.- Одним із способів боротьби з простором між вбудованими елементами блоку є встановлення
letter-spacing: -4px;на батьківському контейнері елементів вбудованого блоку. Потім вам потрібно буде скинутиletter-spacing: normal;дочірні елементи. - Рідко, якщо коли-небудь є гарною ідеєю писати пробіли малими літерами.
Підтримка браузера
| Chrome | Сафарі | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Працює | Працює | Працює | Більшість | Працює | Працює | Працює |
Примітка щодо підтримки мобільного браузера: деякі версії Opera Mobile, нестандартні реалізації WebKit та браузер NetFront не підтримують letter-spacing. Специфіка детально описана в посиланні QuirksMode вище.