Отображение текстовых элементов При отображении текстовых элементов их прямоугольники располагаются горизонтально друг за другом. При этом их взаимное расположение по вертикали определяется свойством vertical-align. Прямоугольная область, содержащая прямоугольники, образующие строку текста, называется строчным блоком. Ширина строчного блока определяется шириной вмещающего блока. Его высота вычисляется на основе высот всех прямоугольников данной строки и может быть изменена свойством line-height. Высота текста: свойство line-height Синтаксис: line-height: normal | <число> | <размер> | <процент> | inherit Начально: normal Применимо: ко всем элементам Наследуемо: да Проценты: относительно размера шрифта элемента Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Соответствует стандарту (4.0+) Свойство line-height задает высоту строки текста при генерации объемлющего прямоугольника. Если элемент является блочным, то это свойство задает минимальную высоту входящих в него строчных блоков. Если элемент является текстовым, то это свойство задает точную высоту его строчного блока. Высота не может быть отрицательной и задается одним из следующих способов: normal Высота строчного блока по умолчанию, которую обозреватель определяет на основе размера его шрифта. <число> Вычисленное значение равно данному числу, умноженному на размер шрифта. <размер> Задает фиксированный размер. <процент> Вычисляется относительно размера шрифта элемента. Следующие три правила дадут один и тот же результат: DIV { font-size: 10pt; line-height: 1.2 } DIV { font-size: 10pt; line-height: 1.2em } DIV { font-size: 10pt; line-height: 120% } Если текст элемента отображается несколькими шрифтами, то выбирается наибольший из размеров этих шрифтов. Вертикальное выравнивание: свойство vertical-align Синтаксис: vertical-align: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <размер> | <процент> | inherit Начально: baseline Применимо: к текстовым элементам и ячейкам таблиц Наследуемо: нет Проценты: относительно значения line-height элемента Устройства: визуальные Поддержка : Соответствует стандарту (4.0+) Не поддерживается Свойство vertical-align задает положение по вертикали объемлющего прямоугольника текстового элемента внутри содержащего его строчного блока. Оно может принимать следующие значения: baseline Выравнивание по базовой линии строчного блока. sub Расположение в позиции нижних индексов (но без изменения размера шрифта). super Расположение в позиции верхних индексов (но без изменения размера шрифта). top Выравнивание по верху строчного блока. text-top Выравнивание по верхней линии шрифта строчного блока. middle Выравнивание по центру строчного блока. bottom Выравнивание по низу строчного блока. text-bottom Выравнивание по нижней линии шрифта строчного блока. <размер> Увеличить (положительное значение) или уменьшить (отрицательное значение) на данную величину. <процент> Увеличить (положительное значение) или уменьшить (отрицательное значение) на данную величину в процентах от значения line-height. Пример: EM.center { vertical-align: middle } <<<  Назад Вперед  >>>  1  2  3  4  5  6   8  Комментарии к статье  8 8  Обсудить в чате

8  В тему Введение в таблицы стилей Селекторы, псевдоклассы и псевдоэлементы Значения свойств, каскадность и наследование Границы, заполнители и рамки Позиционирование элементов Цвет и фон Шрифты Текст Таблицы Генерация содержимого, нумерация и списки Страничные устройства вывода Звуковые таблицы стилей