Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : vertical-align

Материал из Справочник Web-языков

Содержание

1 Атрибут vertical-align | Свойство verticalAlign
2 Синтаксис
3 Используемые значения
4 Замечания
5 Примеры
6 Стандарты
7 Поддерживаемые браузеры
8 Ссылки на источники

Атрибут vertical-align | Свойство verticalAlign

Задает вертикальное выравнивание объекта.

Синтаксис

HTML	{ vertical-align : sAlign }
Скрипты	[ sAlign = ] object.style.verticalAlign

Используемые значения

sAlign: Строка, которая может определять и принимать одно из следующих значений:

auto: Выравнивание объекта происходит в соответствии с -ms-layout-flow.
baseline: Значение по умолчанию. Выравнивает базовую линию объекта по базовой линии его родительского элемента.
sub: Выравнивает текст по вертикали как подстрочный (в виде нижнего индекса).
super: Выравнивает текст по вертикали как надстрочный (в виде верхнего индекса).
top: Выравнивает верхний край объекта по верхнему краю самого высокого объекта в строке.
middle: Выравнивает базовую линию объекта по середине родительского объекта.
bottom: Выравнивает нижний край объекта по нижнему краю объекта, который расположен ниже остальных в строке.
text-top: Выравнивает текст по верхней границе объекта.
text-bottom: Выравнивает текст по нижней границе объекта.

Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является baseline. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Замечания

Значения super и sub применимы только к тексту. Значение auto поддерживается объектом currentStyle. Остальные значения поддерживаются теми объектами, которые поддерживают VALIGN.

Значение auto аналогично baseline, если для -ms-layout-flow задано значение horizontal. Когда же для -ms-layout-flow определено значение vertical-ideographic, значение auto аналогично middle.

Примеры

В примере показывается как задать выравнивание текста в ячейке таблицы.

 <TABLE BORDER width=100>
<TR>
    <TD onmouseover="this.style.verticalAlign='bottom'" 
    onmouseout="this.style.verticalAlign=''">
    Текст для выравнивания</TD> 
</TR>
</TABLE>