Атрибут valign
Синтаксис
(X)HTML
<tr valign="[значение]"> ... </tr>
Описание
Атрибут / параметр valign (от англ. "vertical alignment" ‒ «вертикальное выравнивание») устанавливает вертикальное выравнивание содержимого ячеек.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | Tables |
| 4.01 | 11.3.2 Horizontal and vertical alignment valign = top|middle... 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 |
Значения
- baseline
- Содержимое ячеек выравнивается по базовой линии.
- bottom
- Содержимое ячеек выравнивается по нижней границе ячейки.
- middle
- Содержимое ячеек выравнивается (вертикально) по центру ячейки.
- top
- Содержимое ячеек выравнивается по верхней границе ячейки.
Значение по умолчанию: «middle».
Пример использования
Листинг кода
<!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>Параметр valign (Элемент tr)</title>
</head>
<body>
<h1>Пример использования атрибута "valign"</h1>
<table border="1" style="height: 5.5em;">
<caption>Математическая матрица</caption>
<colgroup style="width: 2em;"> <col /> <col /> </colgroup>
<tbody>
<tr valign="top"> <td>0</td> <td>2</td> </tr>
<tr valign="bottom"> <td>1</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>Параметр valign (Элемент tr)</title>
</head>
<body>
<h1>Пример использования атрибута "valign"</h1>
<table border="1" style="height: 5.5em;">
<caption>Математическая матрица</caption>
<colgroup style="width: 2em;"> <col /> <col /> </colgroup>
<tbody>
<tr valign="top"> <td>0</td> <td>2</td> </tr>
<tr valign="bottom"> <td>1</td> <td>0</td> </tr>
</tbody>
</table>
</body>
</html>
Параметр valign (Элемент tr)