HTML тег <col>

❮ Назад Вперед ❯

Тег <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>

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

Результат

Атрибуты

Атрибут	Значение	Описание
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> также поддерживает глобальные атрибуты и атрибуты событий.


✓	✓	✓	✓	✓

✓

HTML тег <col>

Синтаксис

Пример

Результат

Атрибуты

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

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