HTML тег <col>

Элемент <col> (от англ. "column" ‒ «столбец, колонка») определяет свойства конкретного столбца, либо столбцов в пределах тега <colgroup> внутри таблицы. Элемент <colgroup> может состоять из одного, либо нескольких элементов <col>.

Для <col> допустимо использовать следующие стилевые свойства: border, background, width, visibility. Остальные свойства не оказывают никакого эффекта на элемент.

Синтаксис

<table>
  <col>
  <tr>
   <td>...</td>
  </tr>
</table>

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

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

Атрибуты

alignУстарел в HTML5

Устанавливает выравнивание содержимого колонки по краю.

charУстарел в HTML5

Выравнивает содержимое элемента по заданному символу. Атрибут char может быть использован только если атрибут align = "char".

charoffУстарел в HTML5

Атрибут, который позволяет произвести выравнивание элемента с символа, указанного в атрибуте, путем смещения от определённого символа вправо (положительные значения) или влево (отрицательные значения). Атрибут charoff может быть использован только если атрибут align = "char".

span

Определяет какое количество столбцов должен охватывать элемент <col>. Число должно быть целым положительным. Если параметр не задан, то его значением по умолчанию будет 1.

valignУстарел в HTML5

Задает вертикальное выравнивание содержимого колонки.

widthУстарел в HTML5

Ширина колонок.

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <col> со следующими значениями CSS по умолчанию:

col { 
    display: table-column;
}

Различия между HTML 4.01 и HTML5

В HTML 5 было удалено 5 атрибутов.

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

Элемент <col>

<table style="border: 1px solid black;">
<caption>Цветная таблица</caption>
<col style="background-color: lime;">
<col style="background-color: yellow;">
<tbody>
<tr> <td>Ячейка 1</td> <td>Ячейка 2</td> </tr>
<tr> <td>Ячейка 3</td> <td>Ячейка 4</td> </tr>
</tbody>
</table>

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