Атрибут valign HTML тега colgroup

Атрибут valign определяет вертикальное выравнивание содержимого группы колонок.

Атрибут valign для тега <colgroup> поддерживается только браузерами Opera 12, IE. При этом они не поддерживают значение "baseline".

Атрибут valign для тега <colgroup> не поддерживается в HTML5.

Вместо него следует использовать стили CSS.

Пример синтаксиса CSS: <td style="vertical-align: bottom">.

Синтаксис атрибута

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

Значения атрибута

ЗначениеОписание
topВыравнивание по верху
middleВыравнивание по середине
bottomВыравнивание по низу
baselineВыравнивание по базовой линии. Базовая линия — "воображаемая линия", на которой размещается большинство букв в строке текста. Значение базовой линии устанавливает определенный ряд, который разделяют все данные в таблице. Часто значение "baseline" имеет тот же эффект, что и значение "bottom". Тем не менее, если есть различие в размере шрифтов, то эффект от значения "baseline" выглядит лучше

Пример использования атрибута

HTML таблица с разным вертикальным выравниванием колонок:


<table style="height: 200px">
   <colgroup valign="top">
   <colgroup valign="bottom">
   <tr>
     <th>Заголовок</th>
     <th>Цена</th>
   </tr>
   <tr>
     <td>Изучаем HTML</td>
     <td>$53</td>
   </tr>
</table>