|
При оформлении параграфов в технологии CSS автор может воспользоваться "красной" строкой, которую предоставляет ему атрибут text-indent.
Речь идет о горизонтальном отступе в первой строке параграфа относительно его левого края:
<p style="text-indent:20pt;">Этот параграф мы начнем со строки с горизонтальным отступом в двадцать типографских пунктов от левого края параграфа.
</p>
Этот параграф мы начнем со строки с горизонтальным отступом в двадцать типографских пунктов от левого края параграфа.
<p style="text-indent:-10pt;">А в этом параграфе мы применим отрицательный горизонтальный отступ в первой строке параграфа.
</p>
А в этом параграфе мы применим отрицательный горизонтальный отступ в первой строке параграфа.
Отрицательные значения атрибутов - это нормальная практика CSS. Там где логически применение отрицательного значения оправдано, например, смещение вложенного блока текста относительно охватывающего элемента разметки, там можно указывать отрицательные атрибуты смещения.
HTML/XML/CSS.
Авторы: Штайнер Г.
Издательство: "Лаборатория базовых знаний"
Год издания: 2004, страниц: 512
ISBN: 5-93208-091-4, формат: 70х100/32
|
|
В книге приведены справочные сведения по языку разметки гипертекста HTML (версия 4.0/4.01). Подробно описаны основные понятия HTML-технологии, синтаксис и семантика языка, набор дескрипторов и их атрибуты. Изложение структурировано с точки зрения решаемых задач и богато иллюстрируется примерами. Описаны языки XML (версия 1.0) и XHTML (версия 1.0). Книга также содержит достаточные для практического использования сведения по каскадным таблицам стилей CSS (версия 2.0) с необходимыми примерами применения.
|
Кроме text-indent в CSS для управления первой строкой параграфа зарезервирован модификатор стиля first-line. Он позволяет не только задать горизонтальное смещение, но и определить другие параметры параграфа:
P:first-line {color:red}
Другой параметр, который влияет на отображение первой строки параграфа - первая буква первой строки. Ее отображением управляет модификатор first-letter:
P:first-letter {font-size:20pt;}
К большому сожалению оба этих модификатора реализованы не во всех версиях браузеров, поэтому для верности применяют элементы разметки FONT и TABLE.
|