HTML документация
ГлавнаяСловарьHTML тегиТеги по типамОбщие параметрыТестыСтатьиСсылки
<col><dd>

<colgroup>

Сопутствующая информация

Краткое описаниеЗадает ширину и стиль одной или нескольких колонок таблицы

Стандарты

исключено из стандарта HTML 3.2входит в стандарт HTML 4входит в стандарт HTML 5входит в стандарт XHTML 1входит в стандарт XHTML 1.1

Браузеры

Firefox
воспринимается браузером 2.0воспринимается браузером 3.0воспринимается браузером 3.6воспринимается браузером 4.0
Opera
воспринимается браузером 9.2воспринимается браузером 9.6воспринимается браузером 10.0воспринимается браузером 11.0
 
Chrome
воспринимается браузером 6.0воспринимается браузером 7.6воспринимается браузером 8.0воспринимается браузером 9.0
Safari
воспринимается браузером 2.0воспринимается браузером 3.1воспринимается браузером 4.0воспринимается браузером 5.0
 
Internet Explorer
воспринимается браузером 6.0воспринимается браузером 7.6воспринимается браузером 8.0воспринимается браузером 9.0

Расширенное описание

Элемент <colgroup> служит для указания ширины и стиля одной или нескольких колонок таблицы. Он позволяет уменьшить размер таблицы за счет сокращения повторяющихся атрибутов, и при его наличии браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Элемент <colgroup> можно использовать совместно с <col>, который определяет характеристики одной или нескольких колонок. Если <colgroup> выступает как контейнер для элементов <col>, тогда следует добавить тег </colgroup> в конце группы. Различие между <colgroup> и <col> состоит в следующем. <colgroup> позволяет объединять колонки в группы, также при добавлении параметра rules="groups" к <table> браузер будет отображать линию только между колонками, созданными с помощью <colgroup>. В остальных случаях поведение колонок описанных через теги <colgroup> и <col> схоже.

Параметры

Синтаксис

HTML
<table>
  <colgroup параметры>
  <tr>
    <td>...</td>
  </tr>
</table>
XHTML
<table>
  <colgroup параметры />
  <tr>
    <td>...</td>
  </tr>
</table>

Параметры

align Задает выравнивание содержимого колонки:
left - выравнивание содержимого ячеек по левому краю
center - выравнивание по центру
right - выравнивание по правому краю
justify - выравнивание по ширине (одновременно по правому и левому краю)
char - выравнивание по указанному символу
char Выравнивает содержимое колонки по заданному символу.
Пример: <colgroup char="c" align="char">
charoff Указывает сдвиг содержимого ячейки относительно заданного символа.
span Определяет количество колонок, к которым следует применять параметры.
valign Назначает вертикальное выравнивание содержимого колонки:
top - выравнивание содержимого ячейки по верхнему краю строки
middle - выравнивание по середине
bottom - выравнивание по нижнему краю
baseline - выравнивание по базовой линии, при этом происходит привязка содержимого ячейки к одной линии
width Устанавливает ширину колонок.

Пример

Простая таблица 2х3

<table>
  <col width="200">
  <colgroup width="100" span="2">
  <tr>
    <td>Ячейка (1,1)</td>
    <td>Ячейка (1,2)</td>
    <td>Ячейка (1,3)</td>
  </tr>
  <tr>
    <td>Ячейка (2,1)</td>
    <td>Ячейка (2,2)</td>
    <td>Ячейка (2,3)</td>
  </tr>
</table>
Ячейка (1,1) Ячейка (1,2) Ячейка (1,3)
Ячейка (2,1) Ячейка (2,2) Ячейка (2,3)
Главная | О сайте | Словарь | HTML теги | HTML теги по типам | Общие параметры | Тесты | Статьи | Новости | Ссылки | Обратная связь
© 2010-2016