<colgroup> / Атрибут width

Описание

Задает ширину колонки. Если общая ширина содержимого превышает указанную ширину, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования текста. В случае, когда это невозможно, например, в колонке находятся изображения, атрибут width будет проигнорирован, и новая ширина колонки будет вычислена на основе ее содержимого.

Синтаксис

HTML 
<colgroup width="значение">
XHTML 
<colgroup width="значение" />

Значения

Обычно применяется любое целое значение в пикселах или процентах от доступного пространства. Альтернативный вариант основан на использовании символа *, который обозначает всю доступную ширину. Допустимо использовать кратные значения, например 3*. Например, если для таблицы установлена ширина 804 пиксела, а для колонок — 1*, 2*, 3*, то в пикселах это будет соответственно 134, 268 и 402. При использовании подобных единиц браузеру требуется загрузить таблицу целиком, чтобы вычислить необходимую ширину ячеек, что приводит к задержке вывода больших таблиц.

Значение по умолчанию

Ширина вычисляется на основе содержимого ячейки.

Аналог CSS

width

Пример. Ширина колонок таблицы
<!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>

Ширина первой колонки в данном примере будет в два раза больше остальных колонок таблицы.

Браузеры: Настольные Мобильные     ?

Internet ExplorerChromeOperaSafariFirefox
51411
AndroidFirefox MobileOpera MobileSafari Mobile
1161
✖

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Справочник HTML