Атрибут width
Синтаксис
HTML
XHTML
<table> <caption> ... </caption> <colgroup width="[значение]"> ... </colgroup> или <colgroup width="[значение]"> <thead> ... </thead> <tbody> ... </tbody> </table>
Описание
Атрибут / параметр width
(от англ. "width" ‒ «ширина») задаёт ширину каждого табличного столбца принадлежащего группе столбцов. (Заданная таким образом ширина используется как ширина столбца по умолчанию.)
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | 11.2.4 Column groups: the COLGROUP and COL elements The COLGROUP element ...width = multi-length [CN] DTD: Transitional
Strict
Frameset
|
5.0 | |
5.1 | |
XHTML | |
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
1.1 | Extensible HyperText Markup Language |
Значения
В качестве значения указывается ширина табличного столбца, которая может быть выражена в виде:
- <число>
- Если в качестве значения указывается только число, то ширина столбца таблицы рассчитывается в пикселях.
<colgroup width="25">
- <число>%
- Если в качестве значения указывается число со знаком «
%
» ПРОЦЕНТ [U+0025], то ширина столбца таблицы рассчитывается в процентах на основе доступного горизонтального пространства.<colgroup width="32%">
Пример использования
Листинг кода
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Параметр width (Элемент colgroup)</title>
<link type="text/css" href="/html/col/ex-style.css" rel="stylesheet" />
</head>
<body>
<h1>Пример использования атрибута "width"</h1>
<table>
<colgroup width="25%" style="background-color: #d8d8d8;"><col /><col /></colgroup>
<colgroup />
<tbody>
<tr> <td>~1~</td> <td>~2~</td> <td>~3~</td> </tr>
<tr> <td>~1~</td> <td>~2~</td> <td>~3~</td> </tr>
</tbody>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Параметр width (Элемент colgroup)</title>
<link type="text/css" href="/html/col/ex-style.css" rel="stylesheet" />
</head>
<body>
<h1>Пример использования атрибута "width"</h1>
<table>
<colgroup width="25%" style="background-color: #d8d8d8;"><col /><col /></colgroup>
<colgroup />
<tbody>
<tr> <td>~1~</td> <td>~2~</td> <td>~3~</td> </tr>
<tr> <td>~1~</td> <td>~2~</td> <td>~3~</td> </tr>
</tbody>
</table>
</body>
</html>
Параметр width (Элемент colgroup)