Тег HTML <colgroup>

  • Предыдущая страница <col>
  • Следующая страница <data>

Определение и использование

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

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

Обратите внимание:<colgroup> Тег должен быть <table> подэлементов элемента, находящихся в любом <caption> после элемента и любого <thead>и<tbody>и<tfoot> и <tr> до элемента.

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

Дополнительная информация:

Руководство HTML:<col> тег

Руководство HTML DOM:Объект ColumnGroup

Пример

Использование тегов <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>

Попробуйте сами

Свойство

Свойство Значение Описание
span Число Определяет количество столбцов, которые должен перекрывать блок.

Глобальные свойства

<colgroup> Тег также поддерживает Глобальные свойства HTML.

Свойства событий

<colgroup> Тег также поддерживает Свойства событий в HTML.

Настройки CSS по умолчанию

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

{
  display: table-column-group;
}

Попробуйте сами

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <col>
  • Следующая страница <data>