Тег <col>

IE
6.0+
Chrome
1.0+
Opera
6.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

<!-- HTML -->

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

<!-- XHTML --> 	

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

Атрибуты

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

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег col</title>
 </head>
 <body>
<table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My<br>first<br>HTML</td>
    <td>$53</td>
  </tr>
</table>

 </body>
</html>

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

Вид колонок в браузере Firefox

Категория: Таблицы

Статьи по теме