Как создать сайт

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

Здравствуйте! На прошлом уроке мы с Вами разбирались со стилями 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;
}

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Плюсануть
Поделиться
Читайте также  Как сделать видео в качестве фона сайта
Понравилась запись? Подпишитесь на обновления по почте:

Об авторе

admin administrator

Оставить ответ

7 + 3 =

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: