vertical-align

Свойство vertical-align определяет высоту содержимого внутри inline-элемента или внутри ячейки таблицы.

Пример

th {vertical-align: bottom}

Возможные значения

baseline
Выравнивает базовую линию элемента по базовой линии родительского элемента.
sub
Отображает элемент со сдвигом вниз (нижний индекс). Текст размера при этом не меняется.
super
Отображает элемент со сдвигом вверх (верхний индекс). Текст размера при этом не меняется.
text-top
Верхняя граница элемента будет выравниваться по самой высокой части текста в текущей строке.
text-bottom
Нижняя граница элемента будет выравниваться по самой нижней части текста в текущей строке.
top
Верхняя граница элемента и его потомков будет выравниваться по верхней границе строки.
middle
Центр элемента по вертикали будет выравниваться так: нижняя граница родительского элемента + половина высоты строчной буквы.
bottom
Нижняя граница элемента и его потомков будет выравниваться по нижней границе строки.
расстояние
Поднимает (положительное число) или опускает (отрицательное число) элемент на указанную величину относительно базовой линии. Указывается одним из стандартных способов. Значение 0 равно значению baseline.
процент%
Поднимает (положительное число) или опускает (отрицательное число)элемент на указанную величину (процент от значения line-height). Значение 0% равно значению baseline.
inherit
Заимствует значение свойства у родительского элемента.

Возможные значения (применяются для ячеек таблиц)

top
Ячейка таблицы выравнивается по верхней границе ряда.
middle
Ячейка таблицы выравнивается по центральной линии ряда.
bottom
Ячейка таблицы выравнивается по нижней линии ряда.
inherit
Заимствует значение свойства у родительского элемента.

Характеристики

Значение по умолчанию: baseline

Применяется: все inline-элементы а также th и td.

Наследуется: Нет

См. также