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

9 червня 2022 р.125

Зміст

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

Синтаксис

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

Значення

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

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

middle

Приклад

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TBODY, атрибут valign</title>
</head>
<body> <table width="600" border="1" cellspacing="0"> <tbody align="right" valign="top"> <tr> <td height="100">Комірка 1</td> <td>Комірка 2</td>
</tr> <tr> <td height="100">Комірка 3</td> <td>Комірка 4</td>
</tr>
</tbody>
</table>
</body>
</html>

Примітка

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

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

Браузери


3	12	1	3.5	1	1


1	1	6	1

Браузери

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

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

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