Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS


HTML-верстка: инструменты и приемы профессиональной front-end разработки

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

Перейти к справке CSS

img
{
vertical-align:text-top;
}


Описание и использование

Свойство CSS vertical-align определяет выравнивание элемента по вертикали .

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

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

Chrome Firefox Internet Explorer Opera Safari
Свойство vertical-align поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.


Возможные значения свойства vertical-align

Значение Описание
число Поднимает или опускает элемент относительно базовой строки. Положительные числа поднимают элемент, отрицательные — опускают (можно использовать пиксели, сантиметры и т.д.)
% Поднимает или опускает элемент относительно базовой строки на величину % от высоты строки ("line-height"). Положительные % поднимает элемент, отрицательный — опускает.
baseline Выравнивание по базовой линии родительского элемента. Значение по умолчанию
sub Выравнивание, как подстрочный индекс (H2O)
super Выравнивание как надстрочный индекс (x2)
top Верхний край элемента выравнивается по верхнему краю самого высокого элемента строки
text-top Верх элемента выравнивается по верху самого высокого текстового элемента на строке
middle Элемент выравниваетя по середине родительского элемента
bottom Низ элемента выравнивается по низу самого низкого элемента строки
text-bottom Низ элемента выравнивается по низу самого низкого элемента строки
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: Форматирование текста с помощью CSS


Перейти к справке CSS


СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта