text-indent

Обновлено: 30.05.2022

text-indent

Устанавливает величину отступа первой строки блока текста (например, для абзаца <p>). Воздействия на все остальные строки не оказывает. Допускается отрицательное значение для создания выступа первой строки, но следует проверить, чтобы текст не выходил за пределы окна браузера.

Краткая информация

Значение по умолчанию 0
Наследуется Да
Применяется К блочным элементам
Анимируется Да

Синтаксис

"="">text-indent: <размер> | <проценты>

Значения

В качестве значений принимаются любые единицы длины, принятые в CSS — например, пиксели (px), дюймы (in), пункты (pt) и др. При задании значения в процентах, отступ первой строки вычисляется в зависимости от ширины блока. Допустимо использовать отрицательные значения, но при этом в разных браузерах возможно появление ошибок.

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Применение свойства text-indent

Объектная модель

Объект.style.textIndent

Браузеры

text-indent

Посмотреть совместимость на Can I use?

text-indent