Описание

Тег <COLGROUP> предназначен для задания ширины и стиля одной или нескольких колонок таблицы. Этот тег позволяет уменьшить код таблицы за счет сокращения повторяющихся параметров, и при наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Тег <COLGROUP> можно использовать в комбинации с тегом <COL>, который определяет характеристики одной или нескольких колонок.

Обычно закрывающий тег не требуется, но если <COLGROUP> выступает как контейнер для элементов <COL>, тогда следует добавить тег </COLGROUP> в конце группы.

Разница между свойствами тегов <COLGROUP> и < COL> не очень велика и состоит в следующем. <COLGROUP> позволяет объединять колонки в определенные группы, также при добавлении параметра rules="groups" к тегу <TABLE> браузер будет рисовать линию только между колонками, созданными с помощью <COLGROUP>. В остальных случаях поведение колонок назначенных через элементы <COLGROUP> и <COL> идентично.

Синтаксис

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

Параметры

align

Устанавливает выравнивание содержимого колонки по краю.

span

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

valign

Задает вертикальное выравнивание содержимого колонки.

width

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

Закрывающий тег

Не обязателен.

Описание параметров тега COLGROUP

Параметр ALIGN

Описание

Задает выравнивание содержимого колонок по горизонтали. Этот параметр действует на все ячейки в колонке, в том числе и на заголовки таблицы, которые определяются тегом <TH>. Чтобы управлять выравниванием содержимого разных элементов воспользуйтесь стилями или устанавливайте параметр align для отдельных ячеек таблицы.

Синтаксис

<colgroup align="left | center | right">

Аргументы

left

Выравнивание контента по левому краю.

center

Выравнивание по центру.

right

Выравнивание по правому краю.

Значение по умолчанию

left

Аналог CSS

text-align

Параметр SPAN

Описание

Определяет число колонок, к которым будут применяться заданные параметры. Если этот атрибут отсутствует, то тег <COLGROUP> работает для одной колонки. Допускается применять параметр span к нескольким колонкам и таким образом формировать группы колонок с одинаковыми характеристиками.

Синтаксис

<colgroup span="число">

Аргументы

Целое положительное значение.

Значение по умолчанию

1

Параметр VALIGN

Описание

Устанавливает вертикальное выравнивание содержимого колонки. По умолчанию контент ячеек в колонке располагается по центру вертикали.

Синтаксис

<colgroup valign="baseline | bottom | middle | top">

Аргументы

baseline

Выравнивание по базовой линии, при этом происходит привязка содержимого колонки к одной линии.

bottom

Выравнивание по нижнему краю.

middle

Выравнивание по середине.

top

Выравнивание по верхнему краю строки.

Значение по умолчанию

middle

Параметр WIDTH

Описание

Задает ширину колонки. Если общая ширина содержимого превышает указанную ширину, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в колонке находятся изображения, параметр width будет проигнорирован, и новая ширина колонки будет вычислена на основе ее содержимого.

Синтаксис

<colgroup width="значение">

Аргументы

Обычно применяется любое целое значение в пикселах или процентах от доступного пространства. Альтернативный вариант основан на использовании символа *, который обозначает всю доступную ширину. Допустимо использовать кратные значения, например 3*. Например, если для таблицы установлена ширина 804 пиксела, а для колонок — 1*, 2*, 3*, то в пикселах это будет соответственно 134, 268 и 402. При использовании подобных единиц браузеру требуется загрузить таблицу целиком, чтобы вычислить необходимую ширину ячеек, что приводит к задержке вывода больших таблиц.

Значение по умолчанию

Ширина вычисляется на основе содержимого ячейки.

Аналог CSS

width