HTML тег col

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

Элемент <col> должен использоваться внутри элемента <colgroup>.

Элемент <col> полезно использовать для определения стилей для столбцов таблицы целиком вместо того, чтобы назначать стили для каждой ячейки по отдельности.

Разница между HTML 4.01 и HTML5

В HTML5 большинство атрибутов не поддерживаются.

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

В HTML тег <col> - одиночный элемент без закрывающего тега. В XHTML тег <col> должен закрываться должным образом, а именно — <col />.

Атрибуты тега <col>

Атрибут	Описание
align	Определяет горизонтальное выравнивание содержимого элемента col
char	Определяет символ выравнивания связанного с элементом содержимого
charoff	Определяет количество символов смещения в теге col
span	Определяет количество колонок, на которые влияет элемент <col>
valign	Определяет вертикальное выравнивание содержимого ячейки
width	Определяет ширину столбца

Общие атрибуты

Тег <col> поддерживает общие атрибуты и атрибуты-события.

CSS стили по умолчанию

Большинство браузеров будут отображать тег <col> со следующими стилями


col { 
    display: table-column;
}

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

Устанавливаем фоновый цвет трех колонок таблицы при помощи тегов <colgroup> и <col>:


<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Название</th>
    <th>Цена</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>Мой первый HTML</td>
    <td>$53</td>
  </tr>
</table>