html тег <colgroup> атрибут valign

Атрибут valign тега <colgroup> встановлює вертикальне вирівнювання вмісту комірок в контейнері <colgroup>.

Без задання контент комірки розташовується по її вертикалі в центрі.

правити

+ додати пораду чи нотатку

Синтаксис

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

Атрибут valign може отримувати 4 значень:

top

Вирівнювання вмісту комірок по верхньому краю рядка.

автор: NagarD

правити

middle

Вирівнювання по середині.

автор: NagarD

правити

bottom

Вирівнювання по нижньому краю.

автор: NagarD

правити

baseline

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

автор: NagarD

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	0	0	0	0	1

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

<p>З атрибутом (ігнорується):</p>
<table class="t">
    <colgroup valign="top"></colgroup>
    <colgroup valign="bottom"></colgroup>
    <tr><td>Місяць</td><td>Витрати</td></tr>
</table>
<p>Сучасний спосіб — CSS:</p>
<table class="t">
    <tr><td class="top">top</td><td class="bottom">bottom</td></tr>
</table>

.t {
    height: 110px;
    border-collapse: collapse;
    margin-bottom: 10px;
}

td {
    border: 1px solid #0172ad;
    padding: 4px 10px;
}

.top    { vertical-align: top; }
.bottom { vertical-align: bottom; }