Тег col HTML

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

Тег <col> - синтаксис и код

<col> пустой тег, что означает, что закрывающий тег не требуется. Но в XHTML тег (<col>) должен быть закрыт (<col/>).

Пример кода установки цвета фона трех столбцов с помощью тегов <colgroup> и <col>:

<table>
  <colgroup>
    <col span="2" style="background-color:blue">
    <col style="background-color:green">
  </colgroup>
  <tr>
    <th>№</th>
    <th>Заголовок</th>
    <th>Цена</th>
  </tr>
  <tr>
    <td>1</td>
    <td>Веб Сайт о путешествиях</td>
    <td>25.000 ₽</td>
  </tr>
</table>

Определение и использование

• HTML - тег <col> определяет свойства столбца для каждого столбца в элементе <colgroup>;
• Тег <col> полезен для применения стилей ко всем столбцам вместо повторения стилей для каждой ячейки и каждой строки;
• Тег <col> размещается внутри тега <table>, перед тегами <thead>, <tbody>, <tfoot> и <tr> и после тега <caption>, если он используется (тег <caption> использутся для заголовка таблицы).

Поддержка <col> браузерами

	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает
	✅ Поддерживает

Атрибуты

Глобальные атрибуты

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

Атрибуты событий

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

Связанные страницы

Руководство по HTML: таблицы HTML

Настройки CSS по умолчанию

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

col {
  display: table-column;
}

Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.