Атрибут 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 | |
5.1 | |
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>
<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)