Последние учебники веб-разработки
 

HTML <colgroup> Tag


пример

Установите цвет фона трех колонок с <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> да да да да да

Отличия между 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;
}
Попробуй сам "