English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Элемент HTML <col> определяет столбец в таблице и используется для определения общей семантики всех общих ячеек. Он обычно находится внутри элемента <colgroup>.
Теги <colgroup> и <col> устанавливают цвет фона для трёх столбцов в таблице:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Сайт основного руководства (oldtoolbag.com)</title> </head> <body> <table> <colgroup> <col span="3" style="background-color:#FFF3E0;"> <col style="background-color:orange;"> </colgroup> <thead> <tr> <th>Item</th> <th>Quantity</th> <th>Price</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td>Апельсины</td> <td>45</td> <td>$2</td> <td>$90</td> </tr> </tbody> </table> </body> </html>Проверьте, посмотрите ‹/›
В этом примере документа HTML5 мы создали таблицу с частями <colgroup>, <thead> и <tbody>. В части <colgroup> мы использовали два тега <col>. Первый тег <col> группирует первые три столбца и устанавливает цвет фона для этих столбцов в светло-оранжевый, что corresponds to шестнадцатеричное значение #FFF3E0. Второй тег <col> группирует четвертый столбец и устанавливает цвет фона в оранжевый.
IEFirefoxOperaChromeSafari
Все основные браузеры поддерживают тег <col>.
Тег <col> используется для<colgroup>Часть, чтобы определить свойства столбца.
С помощью тега <col> можно применить стиль ко всему столбцу, не needing to repeat the style for each cell or each row.
HTML5 больше не поддерживает большинство свойств HTML 4.01.
В HTML, тег <col> не имеет завершающего тега.
В XHTML тег <col> должен быть правильно закрыт.
Свойство | Значение | Описание |
---|---|---|
align | слева справа по центру justify char | HTML5 не поддерживает. Определяет горизонтальное выравнивание содержимого, связанного с элементом <col>. |
char | character | HTML5 не поддерживает. Определяет, по какому символу выравнивать содержимое, связанное с элементом <col>. |
charoff | число | HTML5 не поддерживает. Определяет смещение первого выравнивающего символа. |
span | число | Определяет количество столбцов, которые должен перекрывать элемент <col>. |
valign | вверху по центру ниже базовая линия | HTML5 не поддерживает. Определяет вертикальное выравнивание содержимого, связанного с элементом <col>. |
ширина | % пиксели relative_length | HTML5 не поддерживает. Определяет ширину элемента <col> |
Поддержка тега <col> Глобальные свойства HTML.
Поддержка тега <col> Событийные свойства HTML.