Визначає інтервал між символами в межах елемента. Браузери зазвичай встановлюють відстань між символами, виходячи з типу та виду шрифту, його розмірів та налаштувань операційної системи. Щоб змінити це значення і застосовується ця властивість. Допустимо використовувати негативне значення, але в цьому випадку треба переконатися, що зберігається читабельність тексту.
Коротка інформація
| Значення за замовчуванням | normal |
|---|---|
| Спадковується | Так |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
<code>letter-spacing: <розмір> | normal
Позначення
| Опис | Приклад | |
|---|---|---|
| <тип> | Вказує тип значення. | <розмір> |
| A && B | Значення повинні виводитися в зазначеному порядку. | <розмір> && <колір> |
| A | B | Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). | normal | small-caps |
| A || B | Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. | width || count |
| [ ] | Групує значення. | [ crop || cross ] |
| * | Повторювати нуль або більше разів. | [,<час>]* |
| + | Повторювати один або більше разів. | <число>+ |
| ? | Вказаний тип, слово або група не є обов'язковим. | inset? |
| {A, B} | Повторювати не менше A, але не більше B разів. | <радіус>{1,4} |
| # | Повторювати один або більше разів через кому. | <час># |
Значення
В якості значень приймаються будь-які одиниці довжини, прийняті в CSS — наприклад, пікселі (px), дюйми (in), пункти (pt) та ін. Найкращий результат дає використання відносних одиниць, заснованих на розмірі шрифту (em та ex).
- >normal
- Задає інтервал між символами як завжди.
Пісочниця
Вінні-Пух був завжди не проти трохи підкріпитися, особливо годин об одинадцятій ранку, тому що в цей час сніданок уже давно скінчився, а обід ще й не думав починатися. І, звичайно, він страшенно зрадів, побачивши, що Кролик дістає чашки та тарілки.
6-desktop playground-values">
div { letter-spacing: <span class="playground-active">{{ playgroundValue }}px</span>; }