Свойства CSS

Меню

text-indent

Поддержка браузерами

12.0+ 3.0+ 1.0+ 1.0+ 3.5+ 1.0+

Описание

Печатные издания используют общий стиль при оформлении абзацев - красную строку (отступ первой строки в абзаце). Абзацы на веб-страницах не имееют красной строки, так как браузеры, по умолчанию, разделяют их только вертикальными отступами без какого-либо дополнительного форматирования.

С помощью CSS свойства text-indent можно задать пустое горизонтальное пространство перед началом первой строки текста в элементе. Интервал будет отсчитываться от начала левого края (границы - border или внутреннего отступа - padding, если он задан) блочного родительского элемента.

Примечание: использование красной строки в html-документах значительно облегчает визуальное восприятие больших обьемов текста на веб-странице.

Значение по умолчанию: 0
Применяется: к блочным элементам
Анимируется: да
Наследуется: да
Версия: CSS1
Синтаксис JavaScript: object.style.textIndent="50px"

Синтаксис

text-indent: величина|inherit;

Значения свойства

Значение Описание
величина Определяет размер отступа в единицах измерения, используемых в CSS.
% Определяет размер отступа в процентах от ширины родительского элемента.
inherit Указывает, что значение наследуется от родительского элемента.

Пример

CSS Свойство:
text-indent:
Результат:

С помощью text-indent можно создать абзацный отступ или наоборот(при использовании отрицательных значений), создать выступ, то есть абзац с выступающей первой строкой в левую сторону.

CSS Код:
div {
text-indent: 10px;
}
Кликните на любое значение свойства, чтобы увидеть результат