| 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
- Успадковує значення батька.
Приклад
HTML5 CSS2.1 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
text-indent </title>
<style>
P {text-indent: 1.5em; /* Відступ першого рядка */ text-align: justify; /* Вирівнювання по ширині */ } </style>
</head>
<body>
<p>
Вогняне напад буває п'яти видів: перше, коли спалюють людей; друге, коли спалюють запаси; третє, коли спалюють обози; четверте, коли спалюють склади; п'ятого, коли спалюють загони. </p>
<p>
Сунь-цзи, Мистецтво війни. Переклад Микола Конрад. </p>
</body>
</html>
Результат даного прикладу показаний на рис. 1.
Об'єктна модель
[window.] Document.getElementById (" elementID "). style.textIndent