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