САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <colgroup>


Пример

Установите цвет фона трех столбцов с помощью тегов <colgroup> и <col>:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
Попробуйте сами »

Определение и использование

Тег <colgroup> указывает группу из одного или нескольких столбцов в таблице для форматирования.

Тег <colgroup> полезен для применения стилей ко всем столбцам вместо повторения стилей для каждой ячейки каждой строки.

Примечание: Тег <colgroup> должен быть дочерним элементом элемента <table>, после любых элементов <caption> и перед любым элементом <thead>, <tbody>, <tfoot> и <tr>.
Совет: Чтобы определить различные свойства для столбца внутри <colgroup>, используйте тег <col> внутри тега <colgroup>.

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

Элемент
<colgroup> Yes Yes Yes Yes Yes

Различия между HTML 4.01 и HTML5

Большинство атрибутов HTML 4.01 не поддерживаются в HTML5.


Атрибуты

Атрибут Значение Описание
align left
right
center
justify
char
Не поддерживается в HTML5.
Выравнивает содержимое в группе столбцов
char character Не поддерживается в HTML5.
Выравнивает содержимое в группе столбцов по символу
charoff number Не поддерживается в HTML5.
Устанавливает количество символов, содержимое которых будет выровнено по символу, указанному атрибутом char
span number Определяет количество столбцов, которое должна охватывать группа столбцов
valign top
middle
bottom
baseline
Не поддерживается в HTML5.
Вертикальное выравнивание содержимого в группе столбцов
width pixels
%
relative_length
Не поддерживается в HTML5.
Определяет ширину группы столбцов

Глобальные атрибуты

Тег <colgroup> также поддерживает Глобальные атрибуты в HTML.


Атрибуты событий

Тег <colgroup> также поддерживает Атрибуты событий в HTML.


Связанные страницы

HTML DOM справочник: Объект ColumnGroup


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <colgroup> со следующими значениями по умолчанию:

Пример

colgroup {
  display: table-column-group;
}
Попробуйте сами »