Стиль атрибута verticalAlign
- Предыдущая страница userSelect
- Следующая страница visibility
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
verticalAlign
Установка или возврат способа вертикального выравнивания содержимого элемента.
См. также:
CSS учебник:Текст CSS
CSS справочник:Атрибут vertical-align
Пример
Пример 1
Установить способ вертикального выравнивания некоторых текстов таблицы в "bottom":
document.getElementById("myTd").style.verticalAlign = "bottom";
Пример 2
Вернуть способ вертикального выравнивания элемента <td>:
alert(document.getElementById("myTd").style.verticalAlign);
Синтаксис
Верните атрибут verticalAlign:
object.style.verticalAlign
Установите атрибут verticalAlign:
object.style.verticalAlign = value
Значение атрибута
Значение | Описание |
---|---|
length | Поднятие или понижение элемента на указанную длину. Разрешены отрицательные значения. |
% | Поднятие или понижение элемента на процент высоты свойств "line-height". Разрешены отрицательные значения. |
baseline | Базовая линия элемента выравнивается с базовой линией родительского элемента. По умолчанию. |
sub | Элемент выравнивается как подстрочный индекс. |
super | Элемент выравнивается как индекс. |
top | Верх элемента выравнивается с верхом наиболее высокого элемента строки. |
text-top | Верх элемента выравнивается с верхней частью шрифта родительского элемента. |
middle | Элементplaced в центре родительского элемента. |
bottom | Низ элемента выравнивается с нижним элементом строки. |
text-bottom | Низ элемента выравнивается с нижней частью шрифта родительского элемента. |
initial | Установите этот атрибут в его значение по умолчанию. См. также initial. |
inherit | Из его родительского элемента наследуется этот атрибут. См. также inherit. |
Технические детали
Значение по умолчанию: | baseline |
---|---|
Возвратное значение: | Строка, представляющая способ вертикального выравнивания содержимого элемента. |
Версия CSS: | CSS1 |
Поддержка браузеров
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Поддержка | Поддержка | Поддержка | Поддержка | Поддержка |
- Предыдущая страница userSelect
- Следующая страница visibility
- Вернуться на один уровень выше Объект Style HTML DOM