Пример
Установите цвет фона трех столбцов с помощью тегов <colgroup> и <col>:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Название</th>
<th>Цена</th>
</tr>
<tr>
<td>3476896</td>
<td>Моя первая HTML</td>
<td>$53</td>
</tr>
</table>
Попробуйте сами »
Определение и использование
Тег <colgroup> определяет группу из одного или нескольких столбцов в таблице для форматирования.
Тег <colgroup> полезен для применения стилей ко всем столбцам целиком, вместо повторения стилей для каждой ячейки в каждой строке.
Примечание: Тег <colgroup> должен быть дочерним элементом <table>,
после любых элементов <caption> и перед любыми элементами <thead>, <tbody>, <tfoot> и <tr>.
Совет: Чтобы определить разные свойства для столбца внутри <colgroup>,
используйте тег <col> внутри тега <colgroup>.
Поддержка браузерами
| Элемент | |||||
|---|---|---|---|---|---|
| <colgroup> | Да | Да | Да | Да | Да |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| span | число | Определяет количество столбцов, которые должна охватывать группа столбцов |
Глобальные атрибуты
Тег <colgroup> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <colgroup> также поддерживает Атрибуты событий в HTML.
Связанные страницы
Справочник HTML DOM: ColumnGroup Object
Настройки CSS по умолчанию
Большинство браузеров будут отображать элемент <colgroup> со следующими значениями по умолчанию: