Перейти к справке CSSimg { 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