Синтаксис <tfoot valign="top | middle | bottom | baseline">...</tfoot> Значення topВирівнювання вмісту осередків по верхньому краю рядка. middleВирівнювання посередині.bottomВирівнювання по нижньому краю.baselineВирівнювання по базовій"> Синтаксис <tfoot valign="top | middle | bottom | baseline">...</tfoot> Значення topВирівнювання вмісту осередків по верхньому краю рядка. middleВирівнювання посередині.bottomВирівнювання по нижньому краю.baselineВирівнювання по базовій"> Синтаксис <tfoot valign="top | middle | bottom | baseline">...</tfoot> Значення topВирівнювання вмісту осередків по верхньому краю рядка. middleВирівнювання посередині.bottomВирівнювання по нижньому краю.baselineВирівнювання по базовій">
CSS властивості
ГлавнаяАтрибути HTMLАтрибут valign до HTML тега <tfoot>

Атрибут valign до HTML тега <tfoot>

98

Встановлює вертикальне вирівнювання вмісту осередків у контейнері <tfoot>. За умовчанням вміст осередку розташовується по центру вертикалі.

Даний атрибут застарів, натомість використовуйте стилі.

type-text-long field-label-above">

Синтаксис

<tfoot valign="top | middle | bottom | baseline">...</tfoot>

Значення

top
Вирівнювання вмісту осередків по верхньому краю рядка.
middle
Вирівнювання посередині.
bottom
Вирівнювання по нижньому краю.
baseline
Вирівнювання по базовій лінії, при цьому відбувається прив'язка вмісту осередків рядка до однієї лінії.

Значення за замовчуванням

middle

Приклад

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TFOOT, атрибут valign</title>
</head>
<body> <table width="600" border="1" cellspacing="0"> <tfoot align="center" valign="bottom"> <tr> <td colspan="2" height="50">Об'єднаний осередок у TFOOT, вирівняний по нижньому краю</td>
</tr>
</tfoot> <tbody align="right" valign="top"> <tr> <td>Комірка 1</td> <td>Комірка 2</td>
</tr> <tr> <td>Комірка 3</td> <td>Комірка 4</td>
</tr>
</tbody>
</table>
</body>
</html>

Примітка

Щоб задати вирівнювання по висоті всередині <tfoot> використовуйте стильову властивість vertical-align, застосовуючи його до селектора tfoot.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>tfoot</title> <style> tfoot { vertical-align: top; /* Вирівнювання */
height: 200px; /* Висота */
} 
table { border: 1px solid #333; /* Рамка навколо таблиці */
}
</style>
</head>
<body> <table> <tfoot> <tr> <td>Комірка 1</td> <td>Комірка 2</td>
</tr>
</tfoot>
</table>
</body>
</html>

Браузери

3 12 1 3.5 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Число вказує версію браузреа, з якої елемент підтримується.