css властивість 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;
}
h1 {
letter-spacing: 2px;
}
h2 {
letter-spacing: -3px;
}