Главная - Справочник по HTML - Тег "COLGROUP"

Поддержка браузерами:

Параметры тега:

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

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

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

Пример:

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

Параметры тега <COLGROUP>

width

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

Пример:

<colgroup span="2" align="center" width="1*" >

valign

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

baseline
Выравнивание по базовой линии

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

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

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

Пример:

<colgroup valign="bottom" >

align

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

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

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

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

Пример:

<colgroup align="left">

span

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

Пример:

<colgroup span="5">

по алфавиту  /  по категориям  / скачать "Справочник по HTML"