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

смотрим также

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

Перейти к: навигация, поиск


Содержание

Атрибут 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>

Стандарты

Это свойство описано в Cascading Style Sheets (CSS), Level 1 (CSS1)

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5, 9.6, 10.0

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms531179(VS.85).aspx

https://developer.mozilla.org/en/CSS/vertical-align

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования