Тег HTML <col>

  • Предыдущая страница <code>
  • Следующая страница <colgroup>

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

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

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

Совет

Если вы хотите colgroup Используйте этот элемент, чтобы определить различные значения свойств для каждого столбца. Если элемент col отсутствует, столбец наследует все значения свойств из colgroup.

Элемент col — это пустой элемент, содержащий только атрибуты. Чтобы создать столбец, вам нужно определить элемент td внутри элемента tr.

Дополнительная информация:

Руководство HTML:<colgroup> тег

Руководство HTML DOM:Объект Column

Пример

Использование тегов <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>

Попробуйте сами

Свойство

Свойство Значение Описание
span Число Определяет количество столбцов, которые должен跨越 элемент <col>.

Глобальные свойства

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

Свойства событий

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

Стандартные настройки CSS

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

col {
  display: table-column;
}

Попробуйте сами

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <code>
  • Следующая страница <colgroup>