/html/col:> Параметры столбца_

Элемент col

Синтаксис

HTML
XHTML
<table>
  <caption> ... </caption>
  <col>
  <thead> ... </thead>
  <tbody> ... </tbody>
</table>

Описание

Элемент col (от англ. "column" ‒ «столбец, колонка») устанавливает параметры (ширина, стили, объединение) столбца(-ов) таблицы для каждого столбца отдельно. При помощи данных элементов можно применить стили сразу ко всем столбцам, вместо того, что бы задавать стили каждой ячейке отдельно.

Примечание

Элементы col могут быть объединены в группы с помощью элементов colgroup.


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 11.2.4 Column groups: the COLGROUP and COL elements
The COL element

DTD: Transitional Strict Frameset
5.0 4.9.4 The col element
5.1 4.9.4. The col element
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Атрибуты

align
Задаёт горизонтальное выравнивание содержимого ячеек столбца.
char
Выравнивает содержимое ячеек столбца по указанному значению (символу).
charoff
Смещает содержимое ячеек столбца на указанное количество символов.
span
Задаёт количество столбцов к которым необходимо применить указанные свойства стилей.
valign
Устанавливает вертикальное выравнивание ячеек столбца.
width
Задаёт ширину столбца (ячеек столбца).
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент col</title>
</head>
<body>
<h1>Пример использования элемента "col"</h1>
<table style="border: 1px solid black;">
<caption>Разноцветная таблица</caption>
<col style="background-color: green;">
<col style="background-color: yellow;">
<tbody>
<tr> <td>Зелёный</td> <td>Жёлтый</td> </tr>
<tr> <td>Зелёный</td> <td>Жёлтый</td> </tr>
</tbody>
</table>
</body>
</html>
Элемент col