CSS :: Свойство text-indent

css-свойство text-indent (от англ. text indent – отступ текста) используется для установки красной строки (отступа первой строки в абзаце).

Характеристики

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

Синтаксис

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

Значения

размер – любые единицы измерения (смотреть), использующиеся в CSS.
проценты – определяют размер отступа первой строки в процентах относительно ширины родительского элемента.

Для создания выступа первой строки разрешается использование отрицательных значений.

Ссылки

Официальный сайт W3C: https://drafts.csswg.org/css-text-3/#propdef-text-indent

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/text-indent

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>
		
		p{
		margin: 3em;
		}
		
		.p_1{
		text-indent: 2.5em;
		}
		
		.p_2{
		text-indent: -2.5em;
		}
		
	</style>
	
</head>
<body>

	<p>
		Первая строка абзаца<br>
		Вторая строка абзаца<br>
		Третья строка абзаца
	</p>

	<p class="p_1">
		text-indent: 2.5em<br>
		Вторая строка абзаца<br>
		Третья строка абзаца
	</p>
	
	<p class="p_2">
		text-indent: -2.5em<br>
		Вторая строка абзаца<br>
		Третья строка абзаца
	</p>
	
</body>
</html>

Пример №1