<colgroup>

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

Тег <colgroup> корисний для застосування стилів до стовпчиків, замість того щоб встановлювати стилі для кожної клітинки в кожному рядку.

Цей елемент дозволяє зменшити код таблиці за рахунок скорочення атрибутів, що повторюються, і при його наявності браузер починає показувати вміст таблиці, не чекаючи її повного завантаження.

Елемент <colgroup>, зазвичай, використовується в комбінації з елементом <col>, який визначає характеристики однієї або декількох колонок.

Зазвичай закривати цей тег не потрібно, але, якщо <colgroup> виступає як контейнер для елементів <col>, тоді слід додати закриваючий тег </colgroup> в кінці групи.

Порада:

Для того, щоб визначити різні властивості стовпчика в межах <colgroup>, використовуйте тег <col> всередині тега <colgroup>.

Нотатка:

Різниця між властивостями <colgroup> і <col> не дуже велика і полягає в наступному. <colgroup> дозволяє об'єднувати колонки в певні групи, а при додаванні атрибута rules="groups" до елемента <table> браузер буде створювати лінію тільки між колонками, створеними за допомогою <colgroup>. В інших випадках поведінка колонок призначених через елементи <colgroup> і <col> ідентична.

Нотатка:

Тег <colgroup> повинен бути дочірнім елементом <table> та йти після будь-яких елементів <caption> і перед будь-якими елементами <thead>, <tbody>, <tfoot> та <tr>.

Синтакс

<table>
<colgroup атрибут="значення">
<col атрибут="значення">
</colgroup>
...
Елементи таблиці
...
</table>

Приклади