| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 6.0 + | 1.0 + | 6.0 + | 1.0 + | 1.0 + | 1.0 + | 1.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
Задає ш Ірину колонки. Якщо загальна ширина вмісту перевищує зазначену ширину, то браузер буде намагатися « втиснутися » в задані розміри за рахунок форматування тексту. У разі, коли це неможливо, наприклад, в колонці знаходяться зображення, атрибут width буде проігноровано, і нова ширина колонки буде обчислено на основі її вмісту.
Синтаксис
| HTML | <colgroup width="значення"> |
| XHTML | <colgroup width="значення"/> |
Значення
Зазвичай застосовується будь-яке ціле значення в пікселах або відсотках загального обсягу простору. Альтернативний варіант заснований на використанні символу *, який позначає всю доступну ширину. Допустимо використовувати кратні значення, наприклад 3 *. Наприклад, якщо для таблиці встановлена ширина 804 пікселя, а для колонок — 1 *, 2 *, 3 *, то в пікселах це буде відповідно 134, 268 і 402. При використанні подібних одиниць браузеру потрібно завантажити таблицю цілком, щоб обчислити необхідну ширину осередків, що призводить до затримки виведення великих таблиць.
Значення за умовчанням
Ширина обчислюється на основі вмісту осередку.
Аналог CSS
Приклад
HTML 4.01 IE Cr Op Sa Fx
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> Тег COLGROUP, атрибут width </title> </head> <body> <table width="600" cellpadding="2" cellspacing="0" border="1" rules="groups"> <colgroup width="2 *"> <colgroup span="2" align="center" width="1 *"> <tr> <td> ... </td> <td> ... </td> </tr> </table> </body> </html>
Ширина першої колонки в даному прикладі буде в два рази більше за інших колонок таблиці.