HTMLTableColElement: свойство vAlign

Устаревшее: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её всё ещё поддерживать, она может быть удалена из соответствующих веб-стандартов, может быть в процессе удаления или может быть сохранена только для обеспечения совместимости. Избегайте её использования и, если возможно, обновите существующий код; см. таблицу совместимости внизу этой страницы, чтобы принять решение. Имейте в виду, что эта функция может перестать работать в любой момент.

Свойство vAlign интерфейса HTMLTableColElement — строка, указывающая, как выравнивать текст по вертикали в табличной колонке <col>.

Примечание: Это свойство устаревшее, и для вертикального выравнивания текста в колонке следует использовать CSS. Используйте свойство CSS vertical-align, которое имеет приоритет, для вертикального выравнивания текста в каждой ячейке столбца.

Так как ячейки <td> не являются потомками <col>, вы не можете установить это свойство напрямую на элементе <col>, вам необходимо выбрать ячейки столбца с помощью td:nth-child(n) или аналогичного выражения (n — номер столбца).

Значение

Возможные значения: "top", "middle", "bottom", или "baseline"

top: Выравнивает текст по верхнему краю колонки. Используйте vertical-align: top вместо этого.
center: Выравнивает текст по вертикали по центру колонки. Синоним middle. Используйте vertical-align: middle вместо этого.
middle: Выравнивает текст по вертикали по центру колонки. Используйте vertical-align: middle вместо этого.
bottom: Выравнивает текст по нижнему краю колонки. Используйте vertical-align: bottom вместо этого.
baseline: Аналогично top, но выравнивает базовую линию текста как можно ближе к верху, чтобы ни одна часть символа не выходила за пределы ячейки.

Примеры

Используйте CSS vertical-align. Так как элементы <td> столбца не являются потомками <col>, вы не можете установить это свойство напрямую на <col>, вам нужно выбрать ячейки с помощью td:nth-child(n) или подобного выражения (n — номер столбца).

Пример доступен на странице пример для :nth-child().

Спецификации

Спецификация
HTML # dom-col-valign

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`vAlign`	1	12	1	≤12.1	3	18	4	≤12.1	1	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableColElement/vAlign