text-indent | Справочник CSS
http://belarusweb.net
Основы создания сайтов

text-indent

Описание

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

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

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

Синтаксис

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

Значения

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

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

Ссылки

Примеры

HTML Результат BwCodes
<!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