Меню ProgrammerBook.ru
ProgrammerBook.ru
/html/col/valign:> Вертикальное выравнивание_

Атрибут valign

Синтаксис

HTML
XHTML
<table>
  <caption> ... </caption>
  <col valign="[значение]">
  <thead> ... </thead>
  <tbody> ... </tbody>
</table>

Описание

Атрибут / параметр valign (от англ. "vertical alignment" ‒ «вертикальное выравнивание») задаёт вертикальное выравнивание содержимого ячеек столбца.

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

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

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

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 11.3.2 Horizontal and vertical alignment
valign = top|middle...
DTD: Transitional Strict Frameset
5.0 4.9.4 The col element
5.1 4.9.4. The col element
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 (Элемент col)</title>
<link type="text/css" href="../ex-style.css" rel="stylesheet" />
<style type="text/css">td { height: 50px; }</style>
</head>
<body>
<h1>Пример использования атрибута "valign"</h1>
<table>
<col valign="bottom" />
<col />
<tbody>
<tr> <td>1</td> <td>2</td> </tr>
<tr> <td>3</td> <td>4</td> </tr>
</tbody>
</table>
</body>
</html>
Параметр valign (Элемент col)