| Версия CSS | Все |
| Применение | Встроенные элементы и ячейки в таблице |
| Значение (по умолчанию) | baseline |
| Значение inherit | Если установлено, наследуется родительское значение. |
Это свойство позволяет установить расположение элемента по вертикали (выше/ниже) относительно окружающего текста, ячейки таблицы или родительского элемента. Выравнивание производится относительно базовой линии или нижней границе элемента.
Значение может быть установлено как положительное, так и отрицательное в любых стандартных единицах (пикселях, процентах и т.д.), а так же в виде определённого слова (см. таблицу).
| Значение | Действие |
|
baseline (элементы, текст) |
Выравнивает базовую линию с линией родительского элемента. |
|
baseline (ячейки таблицы) |
Выравнивает базовую линию ячейки и базовую линию первой строки текста. |
|
middle (элементы, текст) |
Выравнивает среднюю точку элемента по базовой линии родительского элемента с добавлением половины его высоты. |
|
middle (ячейки таблицы) |
Выравнивание содержимого по середине. |
|
bottom (элементы, текст) |
Выравнивает нижний край элемента по самой нижней части элементов строки. |
|
bottom (ячейки таблицы) |
Выравнивание содержимого по нижнему краю. |
| text-bottom | Выравнивает нижнюю часть элемента по нижнему краю строки. |
|
top (элементы, текст) |
Выравнивает верхний край элемента по самой верхней части элементов строки. |
|
top (ячейки таблицы) |
Выравнивание содержимого по верхнему краю. |
| text-top | Выравнивает верхнюю часть элемента по верхнему краю строки. |
| super | Устанавливает элемент как надстрочный. |
| sub | Устанавливает элемент как подстрочный. |
Соблюдение указанных значений зависит от браузера пользователя; некоторые значения могут не работать.
Пример кода:
1 {
2 vertical-align: -7px;
3 }