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
| Значення без задання: | normal |
|---|---|
| Наслідує: | Так |
| Анімується: | Так |
| JavaScript синтаксис: | object.style.letterSpacing="3px" |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | 1 | 3.5 | 12 | 4 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | 1 |
Приклади
+ запропонувати свій приклад у пісочниці
Міжлітерна відстань: у першому заголовку літери розсунуті на 2px, у другому — стиснуті від'ємним значенням.
HTML
<h1>Розріджений заголовок</h1>
<h2>Стиснутий заголовок</h2>
<p>Звичайний текст для порівняння.</p>CSS
h1 {
letter-spacing: 2px;
}
h2 {
letter-spacing: -3px;
}Динамічний приклад впливу значень на елемент
Простий приклад використання властивості
Коментарі
Коментарів ще немає — будьте першим!