colgroup
Задает ширину и стиль для одной или нескольких колонок в таблице. При использовании этого тега сокращается исходный код таблицы, за счет сокращения повторяющихся параметров. Также видя colgroup
браузер начинает показывать содержимое таблицы не дожидаясь ее полной загрузки.
Закрывающий тег не обязателен, однако если colgroup
используется в качестве контейнера для тегов col
, то закрывающий тег нужен.
Пример:
Таблица 3×3
Lorem ipsum dolor sit amet, consectetur adipisicing elit |
... |
... |
... |
... |
... |
... |
... |
... |
<table>
<caption>Таблица 3×3</caption>
<col/>
<tbody>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
Дети:
COL.
|
html 3.2 |
html 4.0 Frameset |
html 4.0 Loose |
html 4.0 Strict |
html 4.0.1 Frameset |
html 4.0.1 Loose |
html 4.0.1 Strict |
xhtml 1 Frameset |
xhtml 1 Strict |
xhtml 1 Transitional |
html5 |
col |
|
|
|
|
|
|
|
|
|
|
|
Атрибуты:
accesskey,
align,
char,
charoff,
class,
contenteditable,
contextmenu,
dir,
draggable,
hidden,
id,
lang,
onabort,
onblur,
oncanplay,
oncanplaythrough,
onchange,
onclick,
oncontextmenu,
ondblclick,
ondrag,
ondragend,
ondragenter,
ondragleave,
ondragover,
ondragstart,
ondrop,
ondurationchange,
onemptied,
onended,
onerror,
onfocus,
onformchange,
onforminput,
oninput,
oninvalid,
onkeydown,
onkeypress,
onkeyup,
onload,
onloadeddata,
onloadedmetadata,
onloadstart,
onmousedown,
onmousemove,
onmouseout,
onmouseover,
onmouseup,
onmousewheel,
onpause,
onplay,
onplaying,
onprogress,
onratechange,
onreadystatechange,
onscroll,
onseeked,
onseeking,
onselect,
onshow,
onstalled,
onsubmit,
onsuspend,
ontimeupdate,
onvolumechange,
onwaiting,
span,
spellcheck,
style,
tabindex,
title,
valign,
width,
xml:base,
xml:id,
xml:lang,
xml:space.
|
html 3.2 |
html 4.0 Frameset |
html 4.0 Loose |
html 4.0 Strict |
html 4.0.1 Frameset |
html 4.0.1 Loose |
html 4.0.1 Strict |
xhtml 1 Frameset |
xhtml 1 Strict |
xhtml 1 Transitional |
html5 |
accesskey |
|
|
|
|
|
|
|
|
|
|
|
align |
|
|
|
|
|
|
|
|
|
|
|
char |
|
|
|
|
|
|
|
|
|
|
|
charoff |
|
|
|
|
|
|
|
|
|
|
|
class |
|
|
|
|
|
|
|
|
|
|
|
contenteditable |
|
|
|
|
|
|
|
|
|
|
|
contextmenu |
|
|
|
|
|
|
|
|
|
|
|
dir |
|
|
|
|
|
|
|
|
|
|
|
draggable |
|
|
|
|
|
|
|
|
|
|
|
hidden |
|
|
|
|
|
|
|
|
|
|
|
id |
|
|
|
|
|
|
|
|
|
|
|
lang |
|
|
|
|
|
|
|
|
|
|
|
onabort |
|
|
|
|
|
|
|
|
|
|
|
onblur |
|
|
|
|
|
|
|
|
|
|
|
oncanplay |
|
|
|
|
|
|
|
|
|
|
|
oncanplaythrough |
|
|
|
|
|
|
|
|
|
|
|
onchange |
|
|
|
|
|
|
|
|
|
|
|
onclick |
|
|
|
|
|
|
|
|
|
|
|
oncontextmenu |
|
|
|
|
|
|
|
|
|
|
|
ondblclick |
|
|
|
|
|
|
|
|
|
|
|
ondrag |
|
|
|
|
|
|
|
|
|
|
|
ondragend |
|
|
|
|
|
|
|
|
|
|
|
ondragenter |
|
|
|
|
|
|
|
|
|
|
|
ondragleave |
|
|
|
|
|
|
|
|
|
|
|
ondragover |
|
|
|
|
|
|
|
|
|
|
|
ondragstart |
|
|
|
|
|
|
|
|
|
|
|
ondrop |
|
|
|
|
|
|
|
|
|
|
|
ondurationchange |
|
|
|
|
|
|
|
|
|
|
|
onemptied |
|
|
|
|
|
|
|
|
|
|
|
onended |
|
|
|
|
|
|
|
|
|
|
|
onerror |
|
|
|
|
|
|
|
|
|
|
|
onfocus |
|
|
|
|
|
|
|
|
|
|
|
onformchange |
|
|
|
|
|
|
|
|
|
|
|
onforminput |
|
|
|
|
|
|
|
|
|
|
|
oninput |
|
|
|
|
|
|
|
|
|
|
|
oninvalid |
|
|
|
|
|
|
|
|
|
|
|
onkeydown |
|
|
|
|
|
|
|
|
|
|
|
onkeypress |
|
|
|
|
|
|
|
|
|
|
|
onkeyup |
|
|
|
|
|
|
|
|
|
|
|
onload |
|
|
|
|
|
|
|
|
|
|
|
onloadeddata |
|
|
|
|
|
|
|
|
|
|
|
onloadedmetadata |
|
|
|
|
|
|
|
|
|
|
|
onloadstart |
|
|
|
|
|
|
|
|
|
|
|
onmousedown |
|
|
|
|
|
|
|
|
|
|
|
onmousemove |
|
|
|
|
|
|
|
|
|
|
|
onmouseout |
|
|
|
|
|
|
|
|
|
|
|
onmouseover |
|
|
|
|
|
|
|
|
|
|
|
onmouseup |
|
|
|
|
|
|
|
|
|
|
|
onmousewheel |
|
|
|
|
|
|
|
|
|
|
|
onpause |
|
|
|
|
|
|
|
|
|
|
|
onplay |
|
|
|
|
|
|
|
|
|
|
|
onplaying |
|
|
|
|
|
|
|
|
|
|
|
onprogress |
|
|
|
|
|
|
|
|
|
|
|
onratechange |
|
|
|
|
|
|
|
|
|
|
|
onreadystatechange |
|
|
|
|
|
|
|
|
|
|
|
onscroll |
|
|
|
|
|
|
|
|
|
|
|
onseeked |
|
|
|
|
|
|
|
|
|
|
|
onseeking |
|
|
|
|
|
|
|
|
|
|
|
onselect |
|
|
|
|
|
|
|
|
|
|
|
onshow |
|
|
|
|
|
|
|
|
|
|
|
onstalled |
|
|
|
|
|
|
|
|
|
|
|
onsubmit |
|
|
|
|
|
|
|
|
|
|
|
onsuspend |
|
|
|
|
|
|
|
|
|
|
|
ontimeupdate |
|
|
|
|
|
|
|
|
|
|
|
onvolumechange |
|
|
|
|
|
|
|
|
|
|
|
onwaiting |
|
|
|
|
|
|
|
|
|
|
|
span |
|
|
|
|
|
|
|
|
|
|
|
spellcheck |
|
|
|
|
|
|
|
|
|
|
|
style |
|
|
|
|
|
|
|
|
|
|
|
tabindex |
|
|
|
|
|
|
|
|
|
|
|
title |
|
|
|
|
|
|
|
|
|
|
|
valign |
|
|
|
|
|
|
|
|
|
|
|
width |
|
|
|
|
|
|
|
|
|
|
|
xml:base |
|
|
|
|
|
|
|
|
|
|
|
xml:id |
|
|
|
|
|
|
|
|
|
|
|
xml:lang |
|
|
|
|
|
|
|
|
|
|
|
xml:space |
|
|
|
|
|
|
|
|
|
|
|
Браузерные стили
Chrome |
colgroup { display: table-column-group; }
|
firefox 3.6.3 |
colgroup { display: table-column-group; unicode-bidi: embed; }
|
colgroup:focus { outline: 1px dotted; }
|
ie6, ie7 |
colgroup { display: block; margin: 15px 10px; }
|
ie8 |
colgroup { display: table-column-group; margin: 8px; }
|
opera 10.53, safari 4.0.5 |
colgroup { display: table-column-group; }
|