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