Форматирование абзацев

Установка межстрочного интервала (интерлиньяж)

Свойство установки межстрочного интервала, line-height, позволяет растянуть строки абзаца или расположить их ближе друг к другу, с меньшим промежутком. Стандартный межстрочный интервал эквивалентен 120 %.

Значения для свойства интерлиньяжа можно задавать в процентах, пикселях, em (см. урок №4), а также в виде числового значения.

line-height: 1.15;

После числового значения не нужно указывать единицу измерения. Чтобы определить межстрочный интервал или высоту строки, браузер попросту умножает это число на размер шрифта. Так, если размер шрифта текста составляет 1 em, а высота строки установлена равной 1,15, то расчетное значение межстрочного интервала равно 1,15 em.

Выравнивание текста

Используя свойство text-align, вы можете расположить абзац в центре веб-страницы, вдоль левого или правого края, или выровнять по ширине. Для этого достаточно присвоить text-align одно из значений (center, left, right, justify) соответственно.

text-align: justify; - абзац выровненный по ширине страницы.

Отступ первой строки

Для установки отступа первой строки абзаца можно использовать такие единицы измерения, как пикселы и em. Присваивать их стоит свойству text-indent.

• text-indent: 9px; - абсолютные значения, точное число.
• text-indent: 9em; - отступ в количестве символов.

В свойстве абзацного отступа text-indent можно использовать отрицательные значения для создания выступа, то есть абзаца с висячей строкой (выступающей влево по отношению к абзацу).

Поля между абзацами

Помимо межстрочного интервала можно создавать дополнительные поля (отступы) между абзацами. Свойства margin-top и margin-bottom для удаления (или увеличения) этих промежутков.

• margin-top: 0; - избавление от верхнего поля;
• margin-bottom: 0; - избавление от верхнего поля.

Форматирование первой строки абзаца

CSS позволяют форматировать абзацы с использованием псевдоэлементов ::first-line и ::first-letter, это не свойства, а селекторы, определяющие фрагмент, к которому применены CSS-свойства.

::first-letter - позволяет отформатировать начальную прописную букву или буквицу.

p::first-letter{

font-weight: bold;

color:green;

} – данный селектор сделает в каждом абзаце первый символ полужирным начертанием и зелёного цвета.

Псевдоэлемент ::first-line работает аналогично предыдущему свойству, только действует на первую строку абзаца.