CSS 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 |
|---|---|
| Inherited: | no |
| Animatable: | yes. Читайте о animatable |
| Version: | 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 | Поднимает или понижает элемент по заданной длине. Допустимы отрицательные значения. Читать о единицах длины | |
| % | Увеличивает или понижает элемент в процентах от свойства "высота строки". Допустимы отрицательные значения | |
| sub | Элемент выравнивается по базовому индексу родительского | |
| super | Элемент выравнивается по базовому индексу родительского | |
| top | Элемент выравнивается по верхней части самого высокого элемента на линии | |
| text-top | Элемент выравнивается по верхнему краю шрифта родительского элемента | |
| middle | Элемент помещается в середину родительского элемента | |
| bottom | Элемент выравнивается по нижнему элементу в строке | |
| text-bottom | Элемент выравнивается по нижнему краю шрифта родительского элемента | |
| initial | Присваивает этому свойству значение по умолчанию. (Читайте о initial) | |
| inherit | Наследует это свойство из родительского элемента. (Читайте о inherit) |
Похожие страницы
CSS Справочник: CSS Text
HHTML DOM reference: verticalAlign Свойство