Синтаксис
<colgroup>...</colgroup>
Описание
Тег <colgroup> (от англ. column group — группа колонок) предназначен для задания ширины и стиля одной или нескольких колонок таблицы.
Элемент позволяет браузеру начинать показывать содержимое таблицы, не дожидаясь её полной загрузки и уменьшить код таблицы за счёт сокращения повторяющихся атрибутов.
Внимание!
Тег <colgroup> размещается внутри тега <table> перед тегами <thead>, <tbody>, <tfoot>, и <tr> и после тега <caption> (если он есть). В теге <table> можно включать несколько тегов <colgroup>.
Его можно использовать в комбинации с тегом <col>, который определяет характеристики одной или нескольких колонок.
Примечание!
Обычно закрывающий тег не требуется, но если <colgroup> выступает как контейнер для тега <col>, тогда тег <colgroup> нужно закрыть (</colgroup>).
Атрибуты, которые можно использовать в теге <colgroup>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
| Атрибут | Значение | Описание |
| align | left right center justify char |
Выравнивание содержимого в группе столбцов. Не поддерживается в HTML5 |
| char | character | Выравнивание содержимого в группе столбцов по символу.
Не поддерживается в HTML5 |
| charoff | number | Задает количество символов, которое будет выровнено по отношению к символу, указанному атрибутом char.
Не поддерживается в HTML5 |
| span | number | Указывает число столбцов, которые должна охватывать группа столбцов |
| valign | top middle bottom baseline |
Вертикальное выравнивание содержимого в группе столбцов.
Не поддерживается в HTML5 |
| width | px % relative_length |
Задает ширину группы столбцов.
Не поддерживается в HTML5 |
Пример
HTML-код:
Отображение в браузере:
| Имя | Пол | Возраст |
|---|---|---|
| Ирина Петрова | женский | 25 |
| Иван Иванов | мужской | 27 |
Параметры CSS по умолчанию
colgroup {
display: table-column-group;
}
Поддержка браузера
|
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| <colgroup> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии