vertical-align
Опис CSS властивості vertical-align:
Вирівнює елемент по вертикалі щодо свого батька.
Синтаксис CSS властивості vertical-align:
vertical-align: baseline | bottom | middle | sub | super | text-bottom | text-top | top | значення | проценти
Аргументи CSS властивості vertical-align:
baseline - вирівнює базову лінію поточного елемента за базовою лінії батька. Якщо батьківський елемент не має базової лінії, то за неї приймається нижня межа елемента. bottom - вирівнює підставу поточного елемента по нижній частині елементу рядка, розташованого нижче всіх. middle - вирівнювання середньої точки елемента за базовою лінії батька плюс половина висоти батьківського елементу. sub - елемент зображується як підрядковий, у вигляді нижнього індексу. Розмір шрифту при цьому не змінюється. super - елемент зображується як надрядковий, у вигляді верхнього індексу. Розмір шрифту залишається тим самим. text-bottom - нижня межа елемента вирівнюється по самому нижньому краю поточного рядка. text-top - верхня межа елемента вирівнюється за найвищим текстового елементу поточного рядка. top - вирівнювання верхнього краю елемента по верху найвищої елемента рядка. Як значення можна використовувати відсотки, піксели або інші доступні одиниці. Позитивний аргумент зміщує елемент вгору відносно базової лінії, в той час як від'ємне значення опускає його вниз. Не всі браузери підтримують такий спосіб запису, зокрема, Internet Explorer і Netscape тільки з шостої версії.
Значення по замовчуванні CSS властивості vertical-align:
baseline
Наслідування CSS властивості vertical-align:
не наслідується
Приклад використання CSS властивості vertical-align:
<span style="vertical-align: sub">Текст</span>
Використання CSS властивості vertical-align:
Тільки до вбудованих елементів.
Об'єктна модель CSS властивості vertical-align:
[window.]document.getElementById("elementID").style.verticalAlign