CSS vertical-alignСвойство

Пример

Выравнивание изображения по вертикали:

img { vertical-align:text-top; }

Определение атрибута и инструкции по использованию

Свойство vertical-align задаёт вертикальное выравнивание элемента.

Это свойство определяет вертикальное выравнивание базовой линии строчного элемента относительно базовой линии строки, содержащей элемент. Допускаются отрицательные значения длины и процентные значения. Это опустит элемент, а не поднимет его. В ячейках таблицы это свойство задаёт выравнивание содержимого ячейки внутри блока ячейки.

Значение по умолчанию:	baseline
Наследуется:	нет
версия:	CSS1
Синтаксис JavaScript:	object.style.verticalAlign="bottom"

Поддержка браузеров

Числа в таблице указывают первую версию браузера, которая поддерживает это свойство.

Свойство
vertical-align	1.0	4.0	1.0	1.0	4.0

Значение свойства

Значение	Описание
baseline	По умолчанию. Элемент размещается на базовой линии родительского элемента.
sub	Вертикально выравнивает текст как нижний индекс.
super	Вертикально выравнивает текст как верхний индекс.
top	Выравнивает верх элемента по верху самого высокого элемента в строке.
text-top	Выравнивает верх элемента по верху шрифта родительского элемента.
middle	Помещает этот элемент в середину родительского элемента.
bottom	Выравнивает низ элемента и его потомков по низу всей строки.
text-bottom	Выравнивает нижнюю границу элемента по нижней границе шрифта родительского элемента.
length	Поднимает или опускает элемент на указанную высоту. Может быть отрицательной.
%	Использует процентное значение свойства "line-height" для выравнивания этого элемента. Допускаются отрицательные значения.
inherit	Указывает, что значение свойства vertical-align должно наследоваться от родительского элемента.

Связанные статьи

Учебник CSS:CSS Text

Другие расширения

CSS свойство