CSS властивості
ГлавнаяАтрибути HTMLАтрибут valign до HTML тега <colgroup>

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

147

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

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

Синтаксис

<colgroup valign="baseline | bottom | middle | top">

Значення

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

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

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>COLGROUP, атрибут top</title>
</head>
<body> <table> <colgroup width="100" valign="top"> <colgroup> <tr> <td><h2>Смоква</h2></td> <td>Стилі чисті ягоди полуниці укладають у каструлю, пересипаючи їх цукром (п'ять склянок ягоди, три склянки цукру), і залишають до появи соку, потім ставлять на слабкий вогонь. Помішуючи, доварюють до стану, коли маса легко відокремлюється від дна каструлі. Її викладають на плоску страву, змочену холодною водою, розрівнюють ножем та підсушують на повітрі.
</td>
</tr>
</table>
</body>
</html>

Результат цього прикладу показаний на рис. 1.

Вирівнювання тексту в лівій колонці по верхньому краю таблиці

Мал. 1. Вирівнювання тексту в лівій колонці по верхньому краю таблиці

Примітка

Для зміни вирівнювання в осередках скористайтеся властивістю vertical-align, додаючи його до селектора td.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Вирівнювання по вертикалі</title> <style> table { width: 100%; /* Ширина таблиці */
} 
td { border: 1px solid black; /* Рамка навколо осередків */
vertical-align: top; /* Вирівнювання по верхньому краю */
}
</style>
</head>
<body> <table> <tr> <td> ...
</td> <td> ...
</td>
</tr>
</table>
</body>
</html>

Браузери

4 12 7 15

Браузери

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

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

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