Атрибут valign

Internet Explorer				Chrome				Opera				Safari				Firefox
6.0	7.0	8.0	9.0	10.0	11.0	12.0	13.0	9.2	9.6	10.0	11.0	2.0	3.1	4.0	5.0	3.0	4.0	5.0	6.0

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

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

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

Синтаксис

<tr valign="top | middle | bottom | baseline">...</tr>

Значения

top: Выравнивание содержимого ячеек по верхнему краю строки.
middle: Выравнивание по середине.
bottom: Выравнивание по нижнему краю.
baseline: Выравнивание по базовой линии, при этом происходит привязка содержимого ячеек к одной линии.

Значение по умолчанию

middle

Пример. Выравнивание в строке

HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег TR, атрибут valign</title>
  <style type="text/css">
    p {margin-top: 0;}
    .pot { 
     background: #800000;
     color: white;
    }
    .title { 
     font-size: 200%; 
    }
  </style>
 </head>
 <body>

   <table width="100%" cellpadding="5">
     <tr valign="top" class="pot">
      <td class="title">Борщ</td>
      <td><p>Мясо отварить до готовности. Промыть свеклу, очистить, 
       нарезать соломкой и тушить с помидорами до полуготовности.</p>
       <p>Бульон процедить, мясо нарезать кусочками. В бульон добавить 
       нарезанный дольками картофель, довести до кипения, опустить нарезанную 
       соломкой свежую капусту и варить 10-15 минут, добавить пассерованные 
       овощи, болгарский перец, нашинкованный тонкой соломкой, 
       специи и довести до готовности.</p>
       <p>Готовому борщу дать настояться в течение 20-25 минут. 
       При подаче к столу добавить сметану, мясо, зелень.</p></td> 
     </tr> 
   </table> 

 </body>
</html>

Результат данного примера показан на рис. 1.

Выравнивание содержимого ячеек по верхнему краю

Рис. 1. Выравнивание содержимого ячеек по верхнему краю

Если вам понравились материалы сайта, вы можете поддержать сайт, купив справочник по HTML в формате CHM, в виде набора HTML-файлов или в формате PDF за 30 р.