Текст выравнивается при помощи атрибута CSS text-align, который может принимать следующие значения:
center - по центру
justify - по ширине
left - по левому краю
right - по правому краю
Атрибут text-indent задает отступ "красной строки" - первой строки нового абзаца.
Для форматирования текста используют еще такие атрибуты:
line-height - высота строки. Возможные значения:
n px,pt,ex,em,in,mm,cm,pc
n %
margin - отступ от внешнего края элемента до внутреннего края родительского элемента. Возможны варианты (margin-top; margin-left; margin-bottom; margin-right). Значения:
n px,pt,ex,em,in,mm,cm,pc
n %
padding - отступ от внутреннего края элемента до его содержимого. Возможны варианты (padding-top; padding-left; padding-bottom; padding-right). Значения:
n px,pt,ex,em,in,mm,cm,pc
n %
vertical-align - вертикальное выравнивание (актуально для таблиц). Значения:
top - выравнивание по верхней части
middle - выравнивание по середине
bottom - выравнивание по нижней части
text-top - выравнивание по верхнему краю текста
text-bottom - выравнивание по нижнему краю текста
white-space - способ отделения слов друг от друга
normal
pre
nowrap (переносы строк игнорируются)
Ниже представлено несколько примеров выравнивания текста, с которыми разобраться не составит особого труда. Для лучшего понимания работы атрибутов выравнивания текста, попробуйте самостоятельно отформатировать несколько абзацев.
Еще три мощных атрибута для форматирования текста:
line-height - определяет межстрочный интервал. Значение должно быть больше высоты шрифта, в противном случае значение автоматически подгоняется под высоту текста. Значения:
n px,pt,ex,em,in,mm,cm,pc
n %
word-spacing - интервал между словами. Значения:
n px,pt,ex,em,in,mm,cm,pc
letter-spacing - интервал между буквами. Значения:
Спасибо, что заглянули на сайт. Надеюсь, Вам понравилось. Заходите еще. Здесь всегда рады вам :)
При копировании материалов, размещенных на сайте, ссылка на первоисточник обязательна. Если понравился этот сайт..
