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

Пример

Выровнять содержимое в элементе <tfoot> по вертикали по нижнему краю:

<table border="1" width="100%">
<tr>
    <th>Месяц</th>
      <th>Сбережения</th>
</tr>
    <tr>
      <td>Январь</td>
    <td>$150</td>
    </tr>
    <tr>
      <td>Февраль</td>
      <td>$80</td>
</tr>
<tfoot valign="bottom">
    <tr>
      <td>Сумма</td>
      <td>$180</td>
    </tr>
</tfoot>
</table>

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

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

Все основные браузеры поддерживают атрибут valign.

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

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

Атрибут valign задает вертикальное выравнивание содержимого в элементе <tfoot>.

Синтаксис

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

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

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

valign="bottom"

valign="baseline"

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

HTML тег