HTML-тег `<col>`

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

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

Синтаксис

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

Пример использования HTML-тега `<col>`:

HTML-тег <col>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      table, th, td {
        border: 1px solid #666;
      }
    </style>
  </head>
  <body>
    <table>
      <colgroup>
        <col span="2" style="width:20%; background-color:#eee;" />
        <col style="width:10%; background-color:#8ebf42;" />
      </colgroup>
      <tr>
        <th>Name</th>
        <th>Gender</th>
        <th>Age</th>
      </tr>
      <tr>
        <td>Mary Nicolson</td>
        <td>female</td>
        <td>19</td>
      </tr>
      <tr>
        <td>John Johnson</td>
        <td>male</td>
        <td>23</td>
      </tr>
    </table>
  </body>
</html>

Try it Yourself »

Результат

col example

Атрибуты

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

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

Практика

Что делает HTML-тег <col> в HTML-документе?

Он задает свойства колонок для каждой колонки внутри элемента <colgroup>Он определяет заголовочную секцию в HTML-документеОн указывает начало нового абзацаОн предоставляет стилизацию для отдельных колонок

HTML-тег <col> ​

Синтаксис ​

Пример использования HTML-тега <col>: ​

Результат ​