English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Эта статья рассказывает о свойстве width элемента HTML colgroup, которое определяет ширину группы столбцов. Обычно, пространство, занимаемое группой столбцов, равно пространству, необходимому для отображения их содержимого. Свойство width используется для установки предопределенной ширины группы столбцов.
Элемент <colgroup> используется для указания того, что предопределенная ширина первого столбца должна составлять 200 пикселей:
!DOCTYPE html <html> <head> <meta charset="utf-8"> <title>Использование атрибута width для элемента <colgroup> в HTML - Основной учебник (oldtoolbag.com)</title> <style>table, th, td { border: 1px solid black;}</style> </head> <body> <table> <colgroup width="200"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> </body> </html>Проверьте ‹/›
IEFirefoxOperaChromeSafari
Все основные браузеры поддерживают атрибут width. Однако, ни один браузер не поддерживает relative_length Значения.
В HTML5不支持 атрибут width для элемента <colgroup>.
Атрибут width определяет ширину группы столбцов.
Обычно, пространство, занимаемое группой столбцов, равно пространству, необходимому для их содержимого. Атрибут width используется для установки предварительно определенной ширины группы столбцов.
Примечание:Этот атрибут будет перекрыт любым значением ширины в элементе <col>.
<colgroup width="pixels|%|relative_lngth">
Значение | Описание |
---|---|
pixels | Установите значение ширины в пикселях (пример: width="50"). |
% | Установите значение ширины в процентах от окружающего элемента (пример: width="50%"). |
relative_length | Распределите доступные пиксели между частями. Установите часть 1 как "1*", часть 2 как "2*". (Например, ширина таблицы 100px, первая группа столбцов 20px, вторая группа столбцов 50%, то оставшиеся доступные пиксели 30px.). Пример: если доступно 30 пикселей, то можно установить часть 1 как "1*", часть 2 как "2*", это будет интерпретироваться как 10 и 20 пикселей ("1*" - часть 1, "2*" - часть 2). |