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;
}

Кликните на любое значение свойства, чтобы увидеть результат