Синтаксис
<table>
<col>
</table>
Описание
Тег <col> (от англ. column — колонка) задаёт ширину и другие характеристики одной или нескольких колонок таблицы.
Элемент <col> не нужно закрывать.
Внимание!
Тег <col> должен располагаться внутри тега <table> перед тегами <thead>, <tbody>, <tfoot>, и <tr>. Если в таблице используется тег <caption>, то тег <col> должен ставиться после него.
Элемент можно использовать внутри тега <colgroup>, что позволяет задать стили для конкретных колонок в группе. При наличии этого тега браузер начинает показывать содержимое таблицы, не дожидаясь её полной загрузки.
Атрибуты, которые можно использовать в теге <col>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.
Атрибуты
| Атрибут | Значение | Описание |
| align | left right center justify char |
Задает правило выравнивания содержимого колонок по горизонтали. |
| char | character |
Выравнивает содержимое элемента по заданному символу. Атрибут char может быть использован только если атрибут align = "char". Не поддерживается в HTML5 |
| charoff | number |
Сдвигает содержимое ячейки относительно заданного символа, указанного как значение атрибута вправо (положительные значения) или влево (отрицательные значения). Используется только если атрибут align = "char". Не поддерживается в HTML5 |
| span | number | Количество колонок, на которые распространяется действие тега |
| valign | top middle bottom baseline |
Задает правило выравнивания содержимого колонок по вертикали. Не поддерживается в HTML5, используйте CSS |
| width | px % |
Ширина колонок. Не поддерживается в HTML5, используйте CSS |
Пример
HTML-код:
Отображение в браузере:
| Имя | Пол | Возраст |
|---|---|---|
| Ирина Петрова | женский | 25 |
| Иван Иванов | мужской | 27 |
Параметры CSS по умолчанию
col {
display: table-column;
}
Поддержка браузера
|
Элемент |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| <col> | Да | Да | Да | Да | Да |
Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!
Только свежие новости программирования и технологий каждый день.
Комментарии