Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <colgroup>

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

Описание

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

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

Элемент <colgroup> должен быть расположен после открывающего тега <table> и после тега <caption>, если он присутствует, и перед тегами <thead>, <tbody>, <tfoot> и <tr>.

Чтобы определить различные свойства для столбцов в <colgroup>, используйте тег <col> в элементе <colgroup>.

Атрибуты

span:
Положительное целое число, указывающее количество следующих друг за другом столбцов, которое представляет элемент <colgroup>. Пример »

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

Стиль по умолчанию

colgroup {
    display: table-column-group;
}  

Пример

<table border="1">
  <colgroup>
    <col span="2" style="background-color: silver">
    <col style="background-color: #66FF99">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Заголовок</th>
    <th>Цена</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>Мой первый HTML</td>
    <td>53р</td>
  </tr>
</table> 

Результат данного примера в окне браузера:

Пример использования тега <colgroup>
    
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь