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

Синтаксис

Тег <col> одинарный, закрывающий тег не нужен. В XHTML тег <col> необходимо закрывать (</col>).

Тег <col> размещается внутри тега <table>перед тегами <thead>, <tbody>, <tfoot> и <tr> и после тега <caption> если он используется (в тег <caption> вставляют название таблицы).

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
  <style>
     table,th,td{border:1px solid black;}
  </style>
 </head>
<body>
<table>
  <colgroup>
    <col span="2" style="background-color:#EDEDED; width: 150px;">
    <col style="background-color:#50F740; width: 50px;">
  </colgroup>
  <tr>
    <th>Имя</th>
    <th>Пол</th>
    <th>Возраст</th>
  </tr>
  <tr>
    <td><em>Арина Петрова</em></td>
    <td>женский</td>
    <td>19</td>
  </tr>
  <tr>
    <td><em>Олег Иванов</em></td>
    <td>мужской</td>
    <td>23</td>
  </tr>
</table>

</body>
</html>

Результат

example1

Атрибуты

Атрибут Значение Описание
align Устанавливает выравнивание содержимого колонки.
Не поддерживается в HTML5.
left Выравнивает по левому краю.
right Выравнивает по правому краю.
center Выравнивает по центру.
justify Выравнивает по правому и левому краю.
char Выравнивает по специальному символу с минимальным смещением, которые определены атрибутами char и charoff.
char character Выравнивает содержимое колонки по заданному символу. Используется только если атрибут align = "char". Не поддерживается в HTML5.
charoff number Сдвигает содержимое ячейки относительно заданного символа, указанного как значение атрибута вправо (положительные значения) или влево (отрицательные значения). Используется только если атрибут align = "char".
Не поддерживается в HTML5.
span number Устанавливает количество столбцов, характеристики которых определяет элемент <col>. Число должно быть целым положительным. Если параметр не задан, то по умолчанию значение будет 1.
valign Выравнивает содержимое по вертикали.
Не поддерживается в HTML5.
top Выравнивает по верхнему краю строки.
bottom Выравнивает по нижнему краю.
middle Выравнивает по середине.
baseline Выравнивает по базовой линии.
width %
pixels
relative_length
Устанавливает ширину колонки.
Не поддерживается в HTML5.

Тег <col> также поддерживает глобальные атрибуты и атрибуты событий.

Поддержка браузера

chrome edge firefox safari opera

Практикуйте свои знания

Для чего используется HTML-тег <col>?
Считаете ли это полезным?