Атрибут width

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

HTML:	3.2	4.01	5.0
XHTML:	1.0	1.1

Описание

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

Синтаксис

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

Значения

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

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

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

Аналог 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=windows-1251"> <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>

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

Атрибут width

Категории

Последние комментарии

	Русский
	English