Встановлює вертикальне вирівнювання вмісту комірки. За умовчанням воно розташоване по центру вертикалі осередку.
Даний атрибут застарів, натомість використовуйте стилі.
Синтаксис
<td valign="top | middle | bottom | baseline">...</td>
Значення
- 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>TD, атрибут valign</title> </head> <body> <table width="60%" border="1"> <tr> <td valign="top" height="200">Вирівнювання по верхньому краю</td> <td valign="bottom">Вирівнювання по нижньому краю</td> </tr> </table> </body> </html>
Примітка
Для вирівнювання вмісту всередині комірки по вертикалі використовуйте стильову властивість vertical-align, додаючи його до селектора td або th.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Вирівнювання по вертикалі</title> <style> table { width: 80%; border: 1px solid #000; margin: auto; }
td { vertical-align: top; }
</style>
</head>
<body> <table> <tr> <td> ...
</td>
</tr>
</table>
</body>
</html>Браузери
| 3 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, з якої елемент підтримується.