29 lines
2.3 KiB
Markdown
29 lines
2.3 KiB
Markdown
|
---
|
|||
|
title: Letter Spacing Property
|
|||
|
localeTitle: Расстояние между буквами
|
|||
|
---
|
|||
|
## Расстояние между буквами
|
|||
|
|
|||
|
Свойство letter-spacing настраивает пространство между всеми буквами в блоке текста. Он также упоминается как «отслеживание» в типографических терминах и в программном обеспечении с расширенными настройками типа. Свойство принимает значения `px` и `em` length, включая отрицательные значения.
|
|||
|
|
|||
|
```css
|
|||
|
.first-example {
|
|||
|
letter-spacing: 3px;
|
|||
|
}
|
|||
|
.second-example {
|
|||
|
letter-spacing: -1px;
|
|||
|
}
|
|||
|
.third-example {
|
|||
|
letter-spacing: 0.5em;
|
|||
|
}
|
|||
|
```
|
|||
|
|
|||
|
![результат CSS](https://github.com/kaithrendyle/guide-photos/blob/master/letter-spacing.png)
|
|||
|
|
|||
|
В общем, хорошей практикой является использование относительных единиц ( `em` ), поскольку интервал всегда будет относиться к указанному вами размеру шрифта.
|
|||
|
|
|||
|
При настройке расстояния между буквами важно учитывать разборчивость. Если буквы слишком близко друг к другу, они могут казаться тесными и трудночитаемыми. С другой стороны, если буквы слишком далеки друг от друга, они могут не читать как слово, а вместо этого как отдельные буквы. Это может также повлиять на то, как читатели экрана читают текст вслух людям с низким зрением.
|
|||
|
|
|||
|
Обычно буквы в нижнем регистре обычно не требуют изменения расстояния между буквами. Вы можете найти необходимость в настройках, если вы используете разделы прописных букв, если интервал выглядит слишком туго.
|
|||
|
|
|||
|
#### Дополнительная информация:
|