Интервалы между текстами CSS

Интервал между текстами

В этой главе вы узнаете о следующих свойствах:

• text-indent
• letter-spacing
• line-height
• word-spacing
• white-space

Отступ Текста

Свойство text-indent используется для указания отступа в первой строке текста:

Пример

p { text-indent: 50px; }

Интервал между буквами

Свойство letter-spacing (расстояние между буквами) используется для указания интервала между символами в тексте.

В следующем примере показано, как увеличить или уменьшить пространство между символами:

Пример

h1 { letter-spacing: 5px; }

h2 { letter-spacing: -2px; }

Высота Линии

Свойство line-height используется для указания расстояния между строками:

Пример

p.small { line-height: 0.8; }

p.big { line-height: 1.8; }

Интервал между словами

Свойство word-spacing (расстояние между словами) используется для указания интервала между словами в тексте.

Следующий пример демонстрирует, как увеличить или уменьшить пространство между словами:

Пример

p.one { word-spacing: 10px; }

p.two { word-spacing: -2px; }

Белое пространство

Свойство white-space определяет, как обрабатывается пробел внутри элемента.

В этом примере показано, как отключить обертывание текста внутри элемента:

Пример

p { white-space: nowrap; }