Тег <colgroup>
(сокращенно от column group) определяет группу из одного или нескольких столбцов в таблице. Элемент <colgroup>
можно использовать только внутри элемента <table>
, после <caption>
и перед элементами <thead>
, <th>
, <tfoot>
, <tbody>
, и <tr>
.
Родительский: | <table> |
Контент: | 0 или больше элементов <col> |
Открывающий тег: | Обязательный |
Закрывающий тег: | Обязательный |
Версия: | HTML 4, 4.01, 5 |
Синтаксис
Базовый синтаксис тега <colgroup>
выглядит следующим образом:
HTML / XHTML: <colgroup> ... </colgroup>
Примеры написания кода тега <colgroup>
:
<table>
<colgroup>
<col style="background-color:#adff2f;">
<col span="2" style="background-color:#f0e68c;">
</colgroup>
<tr>
<td>Номер</td>
<td>Имя</td>
<td>Email</td>
</tr>
<tr>
<td>1</td>
<td>John Carter</td>
<td>johncarter@mail.com</td>
</tr>
<tr>
<td>2</td>
<td>Peter Parker</td>
<td>peterparker@mail.com</td>
</tr>
<tr>
<td>3</td>
<td>John Rambo</td>
<td>johnrambo@mail.com</td>
</tr>
</table>
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <colgroup>
:
Атрибут | Значение | Описание |
---|---|---|
align |
left right center justify char |
Определяет горизонтальное выравнивание содержимого в каждой ячейке группы столбцов. |
char |
character | Устанавливает символ, которому должно соответствовать содержимое ячейки в группе столбцов. |
charoff |
number | Определяет количество символов, на которое содержимое ячейки будет смещено от символов выравнивания, указанных атрибутом char. |
span |
length | Определяет количество столбцов в группе столбцов. Если нет, его значение по умолчанию равно 1. Отрицательное значение не допускается. |
valign |
top middle bottom baseline |
Определяет вертикальное выравнивание содержимого в каждой ячейке группы столбцов. |
width |
length | Задает ширину по умолчанию для каждого столбца в текущей группе столбцов. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <colgroup>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <colgroup>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <colgroup>
поддерживается во всех основных браузерах.