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


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

Властивість `letter-spacing`

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

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

Нотатка:

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

Синтаксис

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

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

normal

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

length

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

initial

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

inherit

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

Значення без задання: normal
Наслідує: Так
Анімується: Так
JavaScript синтаксис: object.style.letterSpacing="3px"

Переглядачі

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

1.0

4.0

1.0

1.0

3.5

12.0

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

1.0

1.0

1.0


Мобільних переглядачів ще не додано.

Приклади


Динамічний приклад впливу значень на елемент

Простий приклад використання властивості

Для елемента

інтервал між символами буде 2 пікселя, а для

- "-3px".

h1 { 


  letter-spacing: 2px; 


} 





h2 { 


  letter-spacing: -3px; 


}

Додаткові посилання