colgroup

Обновлено: 13.01.2023

<colgroup>

Элемент <colgroup> (от англ. column group — группа колонок) предназначен для задания ширины и стиля одной или нескольких колонок таблицы. Этот элемент позволяет уменьшить код таблицы за счёт сокращения повторяющихся атрибутов, и при его наличии браузер начинает показывать содержимое таблицы, не дожидаясь её полной загрузки. Элемент <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
    Устарел

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

Пример

Браузеры

colgroup

Посмотреть совместимость на Can I use?

colgroup