Тег <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> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.