Атрибут height
Синтаксис
(X)HTML
<th height="[значение]"> ... </th>
Описание
Атрибут / параметр height
(от англ. "height" ‒ «высота») указывает рекомендуемую высоту ячейки.
Условия использования
Значение данного атрибута используется только в случаях, когда оно не противоречит требованиям к высоте других ячеек в той же строке. (Высота всех ячеек строки, как правило, устанавливается по значению самой высокой ячейки.)
CSS
Аналог: height: <значение>;
Поддержка браузерами
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 height = length [CN]...[1] DTD: Transitional
|
5.0 | |
5.1 | |
XHTML | |
1.0 | Extensible HyperText Markup Language[1] DTD: Transitional
|
1.1 |
- [1] ‒ помечен как «устаревший».
Значения
В качестве значения указывается высота ячейки. Значение высоты ячейки может быть выражено в виде:
- <число>
- Если в качестве значения указывается только число, то высота ячейки таблицы рассчитывается в пикселях. (Например, «
height="35"
».) - <процент>%
- Если в качестве значения указывается число со «
%
» ЗНАКОМ ПРОЦЕНТА [U+0025], то высота ячейки таблицы рассчитывается в процентах на основе доступного вертикального пространства. (Например, «height="32%"
».)
Пример использования
Листинг кода
<!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>Параметр height (Элемент th)</title>
</head>
<body>
<h1>Пример использования атрибута "height"</h1>
<table border="1">
<caption>Математическая матрица</caption>
<colgroup> <col span="5" style="width: 2em;" /> </colgroup>
<tbody>
<tr> <th bgcolor="silver" height="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>Параметр height (Элемент th)</title>
</head>
<body>
<h1>Пример использования атрибута "height"</h1>
<table border="1">
<caption>Математическая матрица</caption>
<colgroup> <col span="5" style="width: 2em;" /> </colgroup>
<tbody>
<tr> <th bgcolor="silver" height="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>
Параметр height (Элемент th)