Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Атрибут valign

Дата:7.09.15 в 14:04
Справочник: 

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

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

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>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип HTML атрибута: 
Понравилась статья? Расскажите о ней друзьям: