CSS приклад: text-indent

Тег text-indent в CSS: опис, синтаксис та значення

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
6.0+	1.0+	3.5+	1.0+	1.0+	1.0+	1.0+

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

Значення за замовчуванням	0
Наслідується	Так
Застосовується до	Блочних елементів
Посилання на специфікацію	http://www.w3.org/TR/CSS21/text.html#propdef-text-indent

Версії CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Опис

Встановлює відступ першого рядка блоку тексту (наприклад, для параграфа <p>). Не впливає на всі інші рядки. Можливе використання від'ємного значення для виділення першого рядка, але слід перевірити, щоб текст не виходив за межі вікна браузера.

Синтаксис

text-indent: <значення> | <відсотки> | inherit

Значення

Приймаються будь-які одиниці довжини, що використовуються в CSS - наприклад, пікселі (px), дюйми (in), пункти (pt) та інше. При встановленні значення в відсотках, відступ першого рядка обчислюється в залежності від ширини блоку. Можна використовувати від'ємні значення, але при цьому в різних браузерах можливі помилки.

inherit: Наслідує значення батька.

Об'єктна модель

[window.]document.getElementById("ідентифікатор елемента").style.textIndent

Текст

Часті запитання

Q: Як використовувати text-indent в CSS?

A: Для встановлення відступу для першого рядка тексту використовується властивість text-indent.
Q: Де можна застосовувати text-indent в CSS?

A: text-indent можна використовувати для відступу першого рядка абзацу, списку, таблиці, блоку цитування тощо.
Q: Як використати text-indent для абзацу в CSS?

A: Для встановлення відступу першого рядка абзацу використовують селектор p.
Q: Чи можна використовувати від'ємне значення для text-indent в CSS?

A: Так, можна використовувати від'ємне значення для text-indent, яке зміщує перший рядок тексту назад у блок або елемент.
Q: Як скинути text-indent в CSS до значення за замовчуванням?

A: Для скидання властивості text-indent до значення за замовчуванням використовують значення 'initial' або 'unset'.