img { vertical-align:text-top;
}
Описание и использование
Свойство CSS vertical-align определяет выравнивание элемента по вертикали .
Значение по умолчанию | baseline |
---|---|
Наследование | нет |
Версия CSS | CSS 1 |
Синтаксис JavaScript | object.style.verticalAlign=»bottom» |
Поддержка в браузерах
Свойство vertical-align поддерживается всеми основными браузерами.
Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.
Возможные значения свойства vertical-align
Значение | Описание |
---|---|
число | Поднимает или опускает элемент относительно базовой строки. Положительные числа поднимают элемент, отрицательные — опускают (можно использовать пиксели, сантиметры и т.д.) |
% | Поднимает или опускает элемент относительно базовой строки на величину % от высоты строки («line-height»). Положительные % поднимает элемент, отрицательный — опускает. |
baseline | Выравнивание по базовой линии родительского элемента. Значение по умолчанию |
sub | Выравнивание, как подстрочный индекс (H2O) |
super | Выравнивание как надстрочный индекс (x2) |
top | Верхний край элемента выравнивается по верхнему краю самого высокого элемента строки |
text-top | Верх элемента выравнивается по верху самого высокого текстового элемента на строке |
middle | Элемент выравниваетя по середине родительского элемента |
bottom | Низ элемента выравнивается по низу самого низкого элемента строки |
text-bottom | Низ элемента выравнивается по низу самого низкого элемента строки |
inherit | Значение наследуется от родительского элемента |
Связанные страницы
Учебник CSS: Форматирование текста с помощью CSS