css властивість letter-spacing

Властивість letter-spacing визначає інтервал між символами в межах елемента.

Браузери зазвичай встановлюють відстань між символами, виходячи з типу і виду шрифту, його розмірів і налаштувань операційної системи.

Як значення приймаються будь-які одиниці довжини, прийняті в CSS - наприклад, пікселі (px), дюйми (in), пункти (pt) та ін. Найкращий результат дає використання відносних одиниць, заснованих на розмірі шрифту (em і ex).

правити

Нотатка

Допустимо використовувати від'ємне значення, але в цьому випадку треба переконатися, що зберігається читабельність тексту.

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

letter-spacing: normal|length|initial|inherit;

Властивість letter-spacing може отримувати 4 значень:

normal

Задає інтервал між символами. Без задання.

автор: Svitlana

правити

length

В якості значення приймаються будь-які одиниці довжини, прийняті в CSS - наприклад, пікселі (px), дюйми (in), пункти (pt) та ін. Найкращий результат дає використання відносних одиниць заснованих на розмірі шрифту (em і ex).

автор: Svitlana

правити

initial

Встановлює цю властивість в значення без задання

автор: Svitlana

правити

inherit

Успадкує значення властивості від свого батьківського елемента

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
letter-spacing	1.0	1.0	1.0	3.5	12.0	4.0

Підтримка: мобільні переглядачі

Переглядач
letter-spacing	1.0	1.0	1.0

Приклади

+ запропонувати свій приклад у пісочниці

<h1>Розріджений заголовок</h1>
<h2>Стиснутий заголовок</h2>
<p>Звичайний текст для порівняння.</p>

h1 {
    letter-spacing: 2px;
}

h2 {
    letter-spacing: -3px;
}