Атрибут width
Синтаксис
HTML
XHTML
<table>
<caption> ... </caption>
<col 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 COL 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 |
Значения
В качестве значения указывается ширина табличного столбца, которая может быть выражена в виде:
- <число>
- Если в качестве значения указывается только число, то ширина столбца таблицы рассчитывается в пикселях.
<col width="25"> - <число>%
- Если в качестве значения указывается число со знаком «
%» ПРОЦЕНТ [U+0025], то ширина столбца таблицы рассчитывается в процентах на основе доступного горизонтального пространства.<col 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 (Элемент col)</title>
<link type="text/css" href="../ex-style.css" rel="stylesheet" />
</head>
<body>
<h1>Пример использования атрибута "width"</h1>
<table>
<col width="65%" style="background-color: #d8d8d8;" />
<col />
<tbody>
<tr> <td>~1~</td> <td>~2~</td> </tr>
<tr> <td>~1~</td> <td>~2~</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 (Элемент col)</title>
<link type="text/css" href="../ex-style.css" rel="stylesheet" />
</head>
<body>
<h1>Пример использования атрибута "width"</h1>
<table>
<col width="65%" style="background-color: #d8d8d8;" />
<col />
<tbody>
<tr> <td>~1~</td> <td>~2~</td> </tr>
<tr> <td>~1~</td> <td>~2~</td> </tr>
</tbody>
</table>
</body>
</html>
Параметр width (Элемент col)