Тег col
Тег <col> позволяет задать атрибуты одному или более столбцу в таблице.
Тег <col> используется для применения стилей для целого столбца, вместо того чтобы задавать стиль каждой ячейке в каждом ряду отдельно.
Тег <col> может быть расположен только внутри элемента table или colgroup.
Поддержка браузерами
Тег <col> поддерживается всеми основными браузерами.
Замечание: в браузере Firefox поддерживается только атрибут width.
Отличия в HTML и XHTML
В HTML тег <col> не имеет закрывающего тега (является непарным). В XHTML тег должен быть корректно закрыт таким образом: <col />.
Опциональные атрибуты
Столбец DTD отражает доступность атрибута. S=Strict, T=Transitional, F=Frameset.
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| align | left right center justify char |
Выравнивание содержимого внутри ячейки | STF |
| char | символ | Содержит символ, по которому осуществляется выравнивание | STF |
| charoff | число | Содержит количество символов, которые будут выровнены по символу, указанному в атрибуте char | STF |
| span | число | Содержит количество колонок, которые тег col охватит | STF |
| valign | top middle bottom baseline |
Вертикальное выравнивание содержимого внутри ячейки | STF |
| width | % пиксели относительная величина |
Содержит ширину ячейки | STF |
Стандартные атрибуты
Тег <col> поддерживает следующие стандартные атрибуты:
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| class | имя класса | Содержит имя класса элемента | STF |
| dir | rtl ltr |
Направление текста для контента элемента | STF |
| id | id | Содержит уникальный идентификатор элемента | STF |
| lang | код языка | Язык контента элемента | STF |
| style | стили | Содержит стили элемента | STF |
| title | текст | Содержит дополнительную информацию об элементе | STF |
| xml:lang | код языка | Язык контента элемента в XHTML-документах | STF |
Событийные атрибуты
Тег <col> поддерживает следующие событийные атрибуты:
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| onclick | скрипт | Скрипт выполняется при клике мышью по элементу | STF |
| ondblclick | скрипт | Скрипт выполняется при двойном клике мышью по элементу | STF |
| onmousedown | скрипт | Скрипт выполняется, когда кнопка мыши нажата | STF |
| onmousemove | скрипт | Скрипт выполняется при перемещении курсора мыши | STF |
| onmouseout | скрипт | Скрипт выполняется, когда курсор мыши покидает область элемента | STF |
| onmouseover | скрипт | Скрипт выполняется, когда курсор мыши входит в область элемента | STF |
| onmouseup | скрипт | Скрипт выполняется, когда кнопка мыши отпущена | STF |
| onkeydown | скрипт | Скрипт выполняется, когда кнопка клавиатуры нажата | STF |
| onkeypress | скрипт | Скрипт выполняется, когда кнопка клавиатуры зажата | STF |
| onkeyup | скрипт | Скрипт выполняется, когда кнопка клавиатуры отпущена | STF |
Пример
<table width="100%" border="1"> <col align="left" /> <col align="left" /> <col align="right" /> <tr> <th>Код</th> <th>Наименование</th> <th>Цена</th> </tr> <tr> <td>34</td> <td>Scorpions — Savage Amusement</td> <td>13$</td> </tr> </table>
