English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список тегов HTML

HTML: атрибут width для элемента <colgroup>

Эта статья рассказывает о свойстве width элемента HTML colgroup, которое определяет ширину группы столбцов. Обычно, пространство, занимаемое группой столбцов, равно пространству, необходимому для отображения их содержимого. Свойство width используется для установки предопределенной ширины группы столбцов.

 HTML <colgroup> тег

Онлайн пример

Элемент <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).

 HTML <colgroup> тег