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

9 червня 2022 р.109

Зміст

Встановлює вертикальне вирівнювання вмісту осередків у контейнері <thead>. За замовчуванням контент осередку розташовується по її вертикалі в центрі. field-type-text-long field-label-above">

Синтаксис

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

Значення

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>THEAD, атрибут valign</title>
</head>
<body> <table width="600" border="1" cellspacing="0"> <thead align="center" valign="bottom"> <tr> <td colspan="2" height="50"> ...
</td>
</tr>
</thead> <tbody align="right" valign="top"> <tr> <td> ...
</td> <td> ...
</td>
</tr> <tr> <td> ...
</td> <td> ...
</td>
</tr>
</tbody>
</table>
</body>
</html>

Примітка

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

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

Браузери


3	12	1	3.5	1	1


1	1	6	1

Браузери

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

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

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