Тег colgroup
Тег <colgroup> используется для форматирования группы столбцов в таблице.
Тег <colgroup> полезен для стилизации сразу целого ряда таблицы, вместо того чтобы задавать стиль каждой ячейке в каждом ряду отдельно.
Тег <colgroup> может быть расположен только внутри элемента table.
Поддержка браузерами
Тег <colgroup> поддерживается всеми основными браузерами.
Замечание: в браузере Firefox, Chrome, и Safari поддерживаются только атрибуты width и span.
Отличия в HTML и XHTML
Отличия отсутствуют
Опциональные атрибуты
Столбец DTD отражает доступность атрибута. S=Strict, T=Transitional, F=Frameset.
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| align | left right center justify char |
Выравнивание содержимого внутри группы ячеек | STF |
| char | символ | Содержит символ, по которому осуществляется выравнивание | STF |
| charoff | число | Содержит количество символов, которые будут выровнены по символу, указанному в атрибуте char | STF |
| span | число | Содержит количество колонок, которые тег colgroup охватит | STF |
| valign | top middle bottom baseline |
Вертикальное выравнивание содержимого внутри группы ячеек | STF |
| width | % пиксели относительная величина |
Содержит ширину группы ячеек | STF |
Стандартные атрибуты
Тег <colgroup> поддерживает следующие стандартные атрибуты:
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| class | имя класса | Содержит имя класса элемента | STF |
| dir | rtl ltr |
Направление текста для контента элемента | STF |
| id | id | Содержит уникальный идентификатор элемента | STF |
| lang | код языка | Язык контента элемента | STF |
| style | стили | Содержит стили элемента | STF |
| title | текст | Содержит дополнительную информацию об элементе | STF |
| xml:lang | код языка | Язык контента элемента в XHTML-документах | STF |
Событийные атрибуты
Тег <colgroup> поддерживает следующие событийные атрибуты:
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| onclick | скрипт | Скрипт выполняется при клике мышью по элементу | STF |
| ondblclick | скрипт | Скрипт выполняется при двойном клике мышью по элементу | STF |
| onmousedown | скрипт | Скрипт выполняется, когда кнопка мыши нажата | STF |
| onmousemove | скрипт | Скрипт выполняется при перемещении курсора мыши | STF |
| onmouseout | скрипт | Скрипт выполняется, когда курсор мыши покидает область элемента | STF |
| onmouseover | скрипт | Скрипт выполняется, когда курсор мыши входит в область элемента | STF |
| onmouseup | скрипт | Скрипт выполняется, когда кнопка мыши отпущена | STF |
| onkeydown | скрипт | Скрипт выполняется, когда кнопка клавиатуры нажата | STF |
| onkeypress | скрипт | Скрипт выполняется, когда кнопка клавиатуры зажата | STF |
| onkeyup | скрипт | Скрипт выполняется, когда кнопка клавиатуры отпущена | STF |
Пример
<table width="100%" border="1"> <colgroup span="2" align="left"></colgroup> <colgroup align="right"></colgroup> <tr> <th>Код</th> <th>Наименование</th> <th>Цена</th> </tr> <tr> <td>34</td> <td>Scorpions — Savage Amusement</td> <td>13$</td> </tr> </table>
