vertical-align
Краткое описание свойства vertical-align
Устанавливает вертикальное выравнивание элемента относительно родительского контейнера.
Ограничения vertical-align
в браузере IE6 возникают ошибки при работе с vertical-align. vertical-align - Устанавливает вертикальное выравнивание элемента относительно родительского контейнера.
Синтаксис:
p {vertical-align:baseline | bottom | middle | sub | super | text-bottom | text-top | top | значение | проценты;}
Описание аргументов:
baseline — выравнивает базовую линию текущего элемента по базовой линии родительского контейнера. Если родительский элемент не имеет базовой линии, то за нее принимается нижняя граница элемента.
bottom — выравнивает основание текущего элемента по нижней части элемента строки, расположенного ниже всех.
middle — выравнивание средней точки элемента по базовой линии родителя плюс половина высоты родительского элемента.
sub — элемент изображается как подстрочный, в виде нижнего индекса. Размер шрифта при этом не меняется.
super — элемент изображается как надстрочный, в виде верхнего индекса. Размер шрифта остается прежним.
text-bottom — нижняя граница элемента выравнивается по самому нижнему краю текущей строки.
text-top — верхняя граница элемента выравнивается по самому высокому текстовому элементу текущей строки.
top — выравнивание верхнего края элемента по верху самого высокого элемента строки.
значение — в качестве значения могут использоватся любые доступные еденицы длины в css. Положительный аргумент смещает элемент вверх относительно базовой линии, а отрицательные - вниз.
проценты — в качестве значения могут использоватся проценты. Положительный аргумент смещает элемент вверх относительно базовой линии, а отрицательные - вниз
Значение по умолчанию
baseline
Обьектная модель:
[window.]document.getElementById("elementID").style.verticalAlign
Добавить комментарий