Вы здесь

HTML тег colgroup

Тег <colgroup> определяет группу из одного или более столбцов таблицы для форматирования.

Элемент <colgroup> полезно использовать для определения стилей для столбцов таблицы целиком вместо того, чтобы назначать стили для каждой ячейки по отдельности.

Элемент <colgroup> должен использоваться внутри элемента <table> сразу после элемента <caption> перед элементами <thead>, <tbody>, <tfoot> и <tr>.

Для определения различных свойств столбцов внутри элемента <colgroup> используется тег <col>.

Разница между HTML 4.01 и HTML5
В HTML5 большинство атрибутов не поддерживаются.
Атрибуты тега <colgroup>
Атрибут Описание
align Определяет горизонтальное выравнивание содержимого элемента
char Определяет символ выравнивания связанного с элементом содержимого
charoff Определяет количество символов смещения
span Определяет количество колонок, на которые влияет элемент <colgroup>
valign Определяет вертикальное выравнивание содержимого группы колонок
width Определяет ширину группы колонок
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>

CSS стили по умолчанию

Большинство браузеров будут отображать тег <colgroup> со следующими стилями


colgroup { 
    display: table-column-group;
}