# vertical - align

/Internet Explorer | /Netscape | /Opera | /Safari | /Firefox
6.0 | 7.0 | 8.0 | 8.0 | 9.0 | 8.0 | 9.2 | 9.5 | 1.3 | 2.0 | 3.1 | 1.5 | 2.0 | 3.0
Частково | Частково | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так

## Коротка інформація

CSS | CSS1
Значення за умовчанням | baseline
Наслідує | Ні
Застосовується | До вбудованих елементів або елементів таблиці.
Аналог HTML | <caption | col | colgroup | tbody | tfoot | thead | th | td | tr valign>
Посилання на специфікацію | http://www.w 3.org/TR/CSS21/visudet.html#propdef - vertical - align

### Опис

Вирівнює елемент по вертикалі відносно свого батька, навколишнього тексту або елементу таблиці.

### Синтаксис

vertical - align: baseline | bottom | middle | sub | super | text - bottom | text - top | top | inherit | значення | відсотки

### Значення

baseline

Вирівнює базову лінію поточного елементу по базовій лінії батька. Якщо батьківський елемент не має базової лінії, то за неї береться нижня межа елементу.

bottom

Вирівнює основу поточного елементу по нижній частині елементу рядка, розташованого нижче за усіх.

middle

Вирівнювання середньої точки елементу по базовій лінії батька плюс половина висоти батьківського елементу.

sub

Елемент зображається як підрядковий, у вигляді нижнього індексу. Розмір шрифту при цьому не міняється.

super

Елемент зображається як надрядковий, у вигляді верхнього індексу. Розмір шрифту залишається тим самим.

text - bottom

Нижня межа елементу вирівнюється по самому нижньому краю поточного рядка.

text - top

Верхня межа елементу вирівнюється по найвищому текстовому елементу поточного рядка.

top

Вирівнювання верхнього краю елементу по верху найвищого елементу рядка.

inherit

Наслідує значення батька.

В якості значення також можна використовувати відсотки, піксели або інші доступні одиниці. Позитивне число зміщує елемент вверх відносно базової лінії, тоді як негативне число опускає його вниз. При використанні відсотків, відлік ведеться від значення властивості line - height, при цьому 0% аналогічно значенню baseline.

Для вирівнювання по вертикалі в елементах таблиці застосовуються наступні значення.

baseline

Вирівнює базову лінію осередку з базовою лінією першого текстового рядка або іншого вкладеного елементу.

bottom

Вирівнює по нижньому краю осередки.

middle

Вирівнює по середині осередки.

top

Вирівнює вміст осередку по її верхньому краю.

Приклад

HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

    <html>

      <head>

        <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

        <title>vertical - align</title>

      </head>

      <body>

        <div style="font - family: Times, serif; font - size: 200%">

        T<span style="vertical - align: sub">E</span>X і L<span

        style="vertical - align: 5px; font - size: 80%">A</span>T<span

        style="vertical - align: sub">E</span>X

        </div>

      </body>

    </html>

Результат цього прикладу показаний ні мал. 1.

Мал. 1. Застосування властивості vertical - align

### Об'єктна модель

[window.]document.getElementById("elementID").style.verticalAlign

### Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.