Тег <colgroup> определяет группу из одного или более столбцов таблицы для форматирования.
Элемент <colgroup> полезно использовать для определения стилей для столбцов таблицы целиком вместо того, чтобы назначать стили для каждой ячейки по отдельности.
Элемент <colgroup> должен использоваться внутри элемента <table> сразу после элемента <caption> перед элементами <thead>, <tbody>, <tfoot> и <tr>.
Для определения различных свойств столбцов внутри элемента <colgroup> используется тег <col>.
Разница между HTML 4.01 и HTML5
В HTML5 большинство атрибутов не поддерживаются.
Атрибуты тега <colgroup>
| Атрибут | Описание |
|---|---|
| align | Определяет горизонтальное выравнивание содержимого элемента colgroup |
| char | Определяет символ выравнивания связанного с элементом содержимого |
| charoff | Определяет количество символов смещения в теге colgroup |
| span | Определяет количество колонок, на которые влияет элемент <colgroup> |
| valign | Определяет вертикальное выравнивание содержимого группы колонок |
| width | Определяет ширину группы колонок |
Общие атрибуты
Тег <colgroup> поддерживает общие атрибуты и атрибуты-события.
CSS стили по умолчанию
Большинство браузеров будут отображать тег <colgroup> со следующими стилями
colgroup {
display: table-column-group;
}
HTML пример использования
Устанавливаем фоновый цвет трех колонок таблицы при помощи тегов <colgroup> и <col>:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Название</th>
<th>Цена</th>
</tr>
<tr>
<td>3476896</td>
<td>Мой первый HTML</td>
<td>$53</td>
</tr>
</table>
