/html/table/width:> Ширина таблицы_

Атрибут width

Синтаксис

(X)HTML
<table width="[значение]"> ... </table>

Описание

Атрибут / параметр width (от англ. "width" ‒ «ширина») задаёт необходимую ширину всей таблицы. Предназначен для визуальных агентов пользователей.

Примечание

При отсутствии данного атрибута или какого-либо значения ширины, ширина таблицы определяется агентом пользователя автоматически на основе содержимого таблицы.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 ---
3.2 Tables
4.01 11.2.1 The TABLE element
width = length [CN]...

DTD: Transitional Strict Frameset
5.0 4.9.1 The table element
5.1 4.9.1. The table element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Значения

В качестве значения указывается ширина таблицы.

<число>
Если в качестве значения указывается только число, то ширина таблицы рассчитывается в пикселях. (Например, «width="345"».)
<процент>%
Если в качестве значения указывается число со «%» ЗНАКОМ ПРОЦЕНТА [U+0025], то ширина таблицы рассчитывается в процентах на основе доступного горизонтального пространства агента пользователя. (Например, «width="85%"».)

Пример использования

Листинг кода
<!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 (Элемент table)</title>
</head>
<body>
<h1>Пример использования атрибута "width"</h1>
<h2>Таблица умножения на 3</h2>
<table border="1" width="150">
<tbody>
<tr> <td>1</td> <td>*3</td> <td>=</td> <td>3</td> </tr>
<tr> <td>2</td> <td>*3</td> <td>=</td> <td>6</td> </tr>
<tr> <td>3</td> <td>*3</td> <td>=</td> <td>9</td> </tr>
<tr> <td>4</td> <td>*3</td> <td>=</td> <td>12</td> </tr>
<tr> <td>5</td> <td>*3</td> <td>=</td> <td>15</td> </tr>
<tr> <td>6</td> <td>*3</td> <td>=</td> <td>18</td> </tr>
<tr> <td>7</td> <td>*3</td> <td>=</td> <td>21</td> </tr>
<tr> <td>8</td> <td>*3</td> <td>=</td> <td>24</td> </tr>
<tr> <td>9</td> <td>*3</td> <td>=</td> <td>27</td> </tr>
<tr> <td>10</td> <td>*3</td> <td>=</td> <td>30</td> </tr>
</tbody>
</table>
</body>
</html>
Параметр width (Элемент table)