colgroup

Оновлено: 19.09.2022

<colgroup>

Елемент <colgroup> (від англ. column group — група колонок) призначений для задання ширини та стилю однієї або декількох колонок таблиці. Цей елемент дозволяє зменшити код таблиці за рахунок скорочення атрибутів, що повторюються, також за його наявності браузер починає показувати вміст таблиці, не чекаючи її повного завантаження. Елемент <colgroup> <colgroup> можна використовувати у комбінації з <col>,який визначає характеристики однієї або кількох колонок.

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

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

Для <colgroup> припустимо використовувати такі стильові властивості: border, background, width, visibility. Інші властивості не мають жодного впливу на елемент.

Синтаксис

<table>
 <colgroup>
 <tr>
 <td>...</td>
 </tr>
</table>

Закриваючий тег

Не обов'язковий.

Атрибути

  • Атрибут align

    Атрибут align
    Устарел

    Встановлює вирівнювання вмісту стовпчика по краю.

  • Атрибут char

    Атрибут char
    Устарел

    Вирівнює вміст колонки за заданим символом.

  • Атрибут charoff

    Атрибут charoff
    Устарел

    Зсуває вміст комірки відносно заданого символу.

  • Атрибут span

    Атрибут span

    Кількість колонок, до яких слід застосовувати параметри.

  • Атрибут valign

    Атрибут valign
    Устарел

    Задає вертикальне вирівнювання вмісту колонки.

  • Атрибут width

    Атрибут width
    Устарел

    Ширина колонок.

Приклад

Результат цього прикладу показано на рис. 1.

Рис. 1. Вид таблиці при використанні <colgroup>

Браузери

colgroup

Переглянути сумісність з Can I use?

colgroup