html.okpython.net
Основы создания сайтов
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