/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, data-*, dir, draggable, dropzone, 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>
<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