Стилизация абзацев

Оцените материал
(1 Голосовать)

Здравствуйте! На прошлом уроке мы с Вами разбирались со стилями CSS для текста, а сегодня поговорим о стилях для абзаца. Отдельная группа свойств CSS позволяет стилизовать большие группы текста, например, установить высоту строки или выравнивание текста.

line-height

Свойство line-height определяет межстрочный интервал. Для его установки можно использовать пиксели, проценты или единицы em. Как правило, применяются либо проценты, либо em. Например:

p{
    line-height: 150%;
}

 Если это свойство не установлено, то по умолчанию используется значение line-height: 120%;.

text-align

Свойство text-align выравнивает текст относительно одной из сторон веб-страницы. Оно принимает следующие значения:

  • left: текст выравнивается по левой стороне

  • right: текст выравнивается по правой стороне

  • justify: выравнивание по ширине, слова равномерно распределяются по строке

  • center: выравнивание по центру

Например:

p{
    text-align: left;
}

text-indent

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

p{
    text-indent: 35px;
}
Прочитано 609 раз Последнее изменение Воскресенье, 03 июля 2016 10:24
Другие материалы в этой категории:
Понравилась запись? Подпишитесь на обновления по почте:

TemplateMonster

Поиск по сайту

Связной трэвел

tezeks

Google+