Тег <col>

Описание

Тег <col> задает ширину и другие характеристики одной или нескольких колонок таблицы. При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь ее полной загрузки. Тег <col> можно использовать совместно с тегом <colgroup>, который задает группу колонок, обладающих общими характеристиками.

Синтаксис

HTML
<table>
  <col атрибуты>
  <tr>
   <td>...</td>
  </tr>
</table>
XHTML
<table>
  <col атрибуты />
  <tr>
   <td>...</td>
  </tr>
</table>

Атрибуты

align
Устанавливает выравнивание содержимого колонки по краю.
char
Выравнивает содержимое колонки по заданному символу.
charoff
Сдвигает содержимое ячейки относительно заданного символа.
span
Количество колонок, к которым следует применять параметры.
valign
Задает вертикальное выравнивание содержимого колонки.
width
Ширина колонок.

Закрывающий тег

Не требуется.

Пример. Использование тега <col>
<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег COL</title>
 </head>
 <body>
  <table width="400" border="0" cellpadding="5" cellspacing="0">
   <col width="150" valign="top">
   <col width="250" valign="top">
   <tr>
    <td style="background: #B0B28E">Lorem ipsum dolor sit amet, consectetuer
     adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
     dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis
     nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex
     ea commodo consequat.
    </td>
    <td style="background: #CCCCCC">Lorem ipsum dolor sit amet, consectetuer
     adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
     dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis
     nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex
     ea commodo consequat.
    </td>
   </tr>
  </table>
 </body>
</html>

В браузерах Firefox, Safari и Chrome текст по верхнему краю ячейки выравниваться не будет.

Браузеры: Настольные Мобильные     ?

Internet ExplorerChromeOperaSafariFirefox
51411
AndroidFirefox MobileOpera MobileSafari Mobile
1161

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Таблицы.

Справочник HTML
×
Справочник HTML