Атрибут valign

Справочник:

Характеристики атрибута

В каких браузерах работает?


3.0+	1.0+	1.0+	1.0+	1.0+	1.0+	1.0+

В каких спецификациях используется?

HTML

3.2

4.01

5.0

XHTML

1.0

1.1

Для чего используется?

Устанавливает расположение контента относительно вертикальной оси в ячейке таблицы. Применение этого атрибута допустимо только для ячеек таблиц.

Как правильно задавать?

<td valign="top">Содержимое ячейки</td>

Какие значения могут быть записаны в атрибут?

В общем случае доступны 4 возможных значения для указания местоположения контента в ячейке:

top - ориентирование контента опирается на верхнюю часть ячейки и располагается именно там.
middle - ориентирование контента опирается на среднюю часть ячейки (является значением по умолчанию).
bottom - расположение контента фиксируется у нижних границ ячейки.
baseline - ориентация контента происходит по базовой линии.

Для тега caption доступно использование только двух значений: top и bottom.

В каких тегах применяется?

caption	col	tbody	td
tfoot	thead	tr

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут valign</title>
 </head>
 <body>
  <table width="100%" border="1" cellspacing="0" cellpadding="4">
   <caption  valign="top">Таблица 1</caption>
   <tr>
    <th>&nbsp;</th><th>Цех 1</th>
    <th>Цех 2</th><th>Цех 3</th>
   </tr>
   <tr>
    <td>Сталь 1, т</td><td>12 000</td>
    <td>20 000</td><td>10 000</td>
   </tr>
   <tr>
    <td>Сталь 2, т</td><td>60 000</td>
    <td>80 000</td><td>45 000</td>
   </tr>
   <tr>
    <td>Сталь 3, т</td><td>15 000</td>
    <td>5 000</td><td>18 000</td>
   </tr>
  </table>
 </body>
</html>

Тип HTML атрибута:

Прочие