HTML тег <colgroup>

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

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

Синтаксис

Тег <colgroup> парный, закрывающий тег </colgroup> обязателен.

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

В одну HTML таблицу можно включать несколько тегов <colgroup>.

Пример

<!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>Мэри Николсон</td>
         <td>женский</td>
         <td>19</td>
      </tr>
      <tr>
        <td>Джон Джонсон</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.