⑦Отступ первой строки: свойство text-indent

Продолжим изучение темы CSS - текст. Если пропустили прошлые статьи, то вот ссылки на них:

• ①Преобразование текста: свойство text-transform
• ②Обработка пробелов и переносы строк: свойство white-space
• ③Настройка табуляции: свойство tab-size
• ④Разрыв строки и границы слов
• ⑤Выравнивание и выключка строк
• ⑥Промежутки

7. Отступ первой строки: свойство text-indent

Свойство text-indent задает отступ, применяемый к строкам встроенного содержимого в блоке. Отступ обрабатывается как поле, примененное к начальному краю линейного блока.
Если в первой строке блочного элемента присутствует изображение, то оно сдвинется вместе с остальным текстом.

Свойство наследуется.

text-indent

Значение:

• длина/% - Размер отступа в виде абсолютной длины. Процентное значение вычисляется от собственной логической ширины блока-контейнера. Значение по умолчанию 0.
• each-line - Отступы затрагивают первую строку каждого блока-контейнера и каждую строку после принудительного разрыва строки (но не строки после с мягким переносом).
• hanging - Обратное преобразование. Все строки, кроме первой, будут с отступом.
• initial - Устанавливает значение свойства в значение по умолчанию.
• inherit - Наследует значение свойства от родительского элемента.

Синтаксис

CSS

text-indent: 5mm;
text-indent: 20px;
text-indent: 5%;
text-indent: 2em each-line;
text-indent: 2em hanging;
text-indent: inherit;
text-indent: initial;

Источник ↗