Атрибут width
Синтаксис
(X)HTML
<th width="[значение]"> ... </th>
Описание
Атрибут / параметр width
(от англ. "width" ‒ «ширина») указывает рекомендуемую ширину ячейки шапки таблицы.
Условия использования
Значение данного атрибута используется только в случаях, когда оно не противоречит требованиям к ширине других ячеек в том же столбце. (Ширина всех ячеек столбца, как правило, устанавливается по значению самой широкой ячейки.)
CSS
Аналог: width: <значение>;
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | Tables |
4.01 | 11.2.6 Table cells: The TH and TD elements width = length [CN]...[1] DTD: Transitional
|
5.0 | |
5.1 | |
XHTML | |
1.0 | Extensible HyperText Markup Language[1] DTD: Transitional
|
1.1 |
- [1] ‒ помечен как «устаревший».
Значения
В качестве значения указывается ширина ячейки. Значение ширины ячейки может быть выражено в виде:
- <число>
- Если в качестве значения указывается только число, то ширина ячейки таблицы рассчитывается в пикселях. (Например, «
height="25"
».) - <процент>%
- Если в качестве значения указывается число со «
%
» ЗНАКОМ ПРОЦЕНТА [U+0025], то ширина ячейки таблицы рассчитывается в процентах на основе доступного горизонтального пространства. (Например, «height="37%"
».)
Пример использования
Листинг кода
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Параметр width (Элемент th)</title>
</head>
<body>
<h1>Пример использования атрибута "width"</h1>
<table border="1" style="min-width: 17%">
<caption>Математическая матрица</caption>
<tbody>
<tr> <th bgcolor="silver" width="35">x</th> <th>1</th> <th>2</th> <th>3</th> <th>4</th> </tr>
<tr> <th>1</th> <td>0</td> <td>2</td> <td>6</td> <td>3</td> </tr>
<tr> <th>2</th> <td>1</td> <td>0</td> <td>4</td> <td>2</td> </tr>
<tr> <th>3</th> <td>2</td> <td>2</td> <td>0</td> <td>3</td> </tr>
<tr> <th>4</th> <td>3</td> <td>2</td> <td>6</td> <td>0</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 (Элемент th)</title>
</head>
<body>
<h1>Пример использования атрибута "width"</h1>
<table border="1" style="min-width: 17%">
<caption>Математическая матрица</caption>
<tbody>
<tr> <th bgcolor="silver" width="35">x</th> <th>1</th> <th>2</th> <th>3</th> <th>4</th> </tr>
<tr> <th>1</th> <td>0</td> <td>2</td> <td>6</td> <td>3</td> </tr>
<tr> <th>2</th> <td>1</td> <td>0</td> <td>4</td> <td>2</td> </tr>
<tr> <th>3</th> <td>2</td> <td>2</td> <td>0</td> <td>3</td> </tr>
<tr> <th>4</th> <td>3</td> <td>2</td> <td>6</td> <td>0</td> </tr>
</tbody>
</table>
</body>
</html>
Параметр width (Элемент th)