Справочник по 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
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms531179(VS.85).aspx