HTML <tr> valignСвойство

HTML-тег <tr>

Пример

HTML-таблица со строками, имеющими разное вертикальное выравнивание:

<table border="1" style="height:200px">
  <tr valign="middle">
    <th>Месяц</th>
    <th>Сбережения</th>
  </tr>
  <tr valign="bottom">
    <td>Январь</td>
    <td>$150</td>
  </tr>
</table>

Попробуйте сами »

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Атрибут valign поддерживается во всех основных браузерах.


Определение и использование

HTML5 не поддерживает атрибут valign тега <tr>. Вместо этого используйте CSS.

Атрибут valign задаёт вертикальное выравнивание содержимого в строке таблицы.


Синтаксис

<tr valign="top|middle|bottom|baseline">

Значение свойства

Значение Описание
top Выровнять содержимое по верхнему краю.
middle Выравнивает содержимое по центру (значение по умолчанию).
bottom Выровнять содержимое по нижнему краю.
baseline Выравнивает по базовой линии. Базовая линия — это воображаемая линия. В строке текста большинство букв располагаются относительно базовой линии. Значение baseline задаёт для всех данных таблицы в строке общую базовую линию. Эффект этого значения часто такой же, как у значения bottom. Однако если размеры шрифта текста различаются, эффект baseline работает лучше. См. иллюстрацию ниже.

Когда размер шрифта текста различается, диаграмма сравнения bottom и baseline:

valign="bottom"

valign="baseline"


HTML-тег <tr>другие расширения