Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство text-indent

Дата:5.10.15 в 13:09
Справочник: 

Характеристики свойства

В каких браузерах работает?

6.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Позволяет для текстовой части контента установить отступ для красной строки. Применение свойства не распространяется на все абзацы, а относится к конкретно выбранному. Можно устанавливать не только отступ для первой строки, но и выступ. Он формируется при использовании отрицательных значений.

Как правильно задавать?

text-indent:значение;

Какие могут быть значения?

Для значений используются числа любого измерения, доступные для CSS. При использовании процентов за 100% принимается ширина контейнера. При создании выступов существует вероятность появления ошибок в разных браузерах.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство text-indent</title>
  <style>
   div { 
	border:1px dashed #cec700;
	background:#fefcc6;
	padding:5px;
   }
   .abzac { 
    text-indent: 25px;
    text-align: justify; 
   }
  </style> 
 </head> 
 <body>
 <div>
   <p class="abzac">Позволяет для текстовой части контента установить отступ
 для красной строки. Применение свойства не распространяется на все абзацы,
 а относится к конкретно выбранному.</p>
   <p class="abzac">Можно устанавливать не только отступ для первой
 строки, но и выступ. Он формируется при использовании
 отрицательных значений.</p>
 </div>
 </body>
</html>

По итогу получаем

text-indent

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: