СSS Свойство vertical-align
Пример
Вертикальное выравнивание изображения:
img.a {
vertical-align: baseline;
}
img.b {
vertical-align: text-top;
}
img.c {
vertical-align: text-bottom;
}
img.d {
vertical-align: sub;
}
img.e {
vertical-align: super;
}
Попробуйте сами »
Определение и использование
Свойство vertical-align задает вертикальное выравнивание элемента.
| Значение по умолчанию: | baseline |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | CSS1 |
| JavaScript синтаксис: | object.style.verticalAlign="top" Попробовать |
Поддержка браузеров
Числа в таблице указывают первая версия браузер, который полностью поддерживает свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| vertical-align | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS Синтаксис
vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;
Значения свойств
| Значение | Описание | Воспроизвести |
|---|---|---|
| baseline | Элемент выравнивается по базовой линии родителя. Это показатель | Воспроизвести » |
| length | Повышает или понижает элемента до указанной длины. Допускаются отрицательные значения.Прочитать о Eдиницы длины | Воспроизвести » |
| % | Повышает или понижает элемента в процентах из свойства line-height. Допускаются отрицательные значения | Воспроизвести » |
| sub | Элемент выровнен с subscript базовой линии родителя | Воспроизвести » |
| super | Элемент выровнен с superscript базовой линии родителя | Воспроизвести » |
| top | Элемент выровнен с верхней части самого высокого элемента в строке | Воспроизвести » |
| text-top | Элемент выровнен с верхней части шрифта родительского элемента. | Воспроизвести » |
| middle | Элемент находится в центре родительского элемента | Воспроизвести » |
| bottom | Элемент совпадает с минимальным элементом в строке | Воспроизвести » |
| text-bottom | Элемент совмещен с нижней частью шрифта родительского элемента. | Воспроизвести » |
| initial | Устанавливает это свойство в значение индекса. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Связанные страницы
CSS Учебник: CSS Текст
HTML DOM Справочник: Свойство verticalAlign
