Красная строка на CSS
Сегодняшний урок у нас будет небольшим, в нем мы изучим еще одно css свойство, при помощи которого вы сможете устанавливать красную строку. Данное свойство называется text-indent, в переводе с английского - текстовый отступ. Всем Вам известно, что такое красная строка в тексте. Можно сравнить изучаемое свойство с ней, потому что при его помощи мы можем задать отступ у первой строки абзаца, при этом остальные строки остаются неизменными. Единицы измерения, которые может принимать css свойство text-indent, аналогичны тем, что были изучены в предыдущей статье, о размере шрифтов. Напомню эти единицы измерения: пиксели, пункты, проценты, em. Этих единиц вполне достаточно. Ну и напоследок, как обычно, мы рассмотрим пример, для закрепления изучаемого css свойства.
<html>
<head>
<title>Свойство text-indent</title>
<link rel="stylesheet" href="css/styles.css" type="text/css" />
</head>
<body>
<p>Это текст, которому будет задан отступ при помощи css свойства text-indent</p>
</body>
</html>
При помощи CSS стилей задаем отступ:
p {
text-indent: 15px;
width: 200px;
}
Показывать результат выполнения кода, особого смысла не имеет, ведь Вы и так понимаете, что должно произойти. Но все же скажу, что мы задали для параграфа с текстом фиксированную ширину в 200 пикселей, а также задали отступ, равный 15 пикселей. Таким образом, мы получили отступ первой строки, как и должно быть при красной строке. На этом это все, что нужно знать об этом css свойстве!
