Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Tags/ HTML тег col | назначение, синтаксис, атрибуты, примеры

Тег col

Последнее обновление: 23.01.2011

Тег <col> (англ. column — колонка) позволяет задать общие свойства сразу для всего столбца таблицы.
Элемент таблицы.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис


<table>
<col .../>
...
</table>

Атрибуты



align выраванивание содержимого столбца

  • left — по левому краю (по умолчанию)
  • center — по центру
  • right — по правому краю

не работает в Firefox

char определяет символ по которому происходит выравнивание. Значением по умолчанию является символ десятичной точки
charoff определяет смещение первого в строке символа выравнивания
class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
id уникальный идентификатор
lang определяет язык отображаемого документа
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
span количество столбцов, к которым будет применяться оформление (по умолчанию 1)
style задает встроенную таблицу стилей
title всплывающая подсказка
valign вертикальное выравнивание в ячейке таблицы

  • baseline — привязка содержимого к базовой линии
    не поддерживается браузерами
  • bottom — по нижнему краю ячейки
  • middle — по центру ячейки (по умолчанию)
  • top — по верхнему краю ячейки

не работает в Firefox

width ширина столбца

Пример

Задаем ширину и горизонтальное выравнивание (в FireFox отображается некорректно!).


<table width="300px">
<col width="30%" align="center"/>
<tr><th>№ п/п</th><th>Фамилия</th></tr>
<tr><td>1</td><td>Иванов</td></tr>
<tr><td>2</td><td>Петров</td></tr>
</table>

Распространяем форматирование на несколько колонок. Выравнивание по вертикали (в FireFox отображается некорректно!). Приведен код только одной строки таблицы


<table>
<col align="center"/>
<col width="100px"/>
<col span="2" valign="top" align="right"/>
<tr>
<th>№ п/п</th><th>Вид кактуса</th><th>количество в оранжерее, шт</th><th>заказано, шт</th>
</tr>
<tr>
<td>1</td><td>Gymnocalycium hybopleurum</td><td>15</td><td>8</td>
</tr>
</table>

Рекомендации по использованию

  • закрывается слешем (<col…/>)
  • используется только внутри тегов <table> или <colgroup>
  • обязательных атрибутов нет
  • поддерживается не всеми браузерами
  • браузеры, которые понимают тег <col>, не всегда адекватно на него реагируют
  • тег использовать не рекомендуем, вместо него нужно использовать таблицы стилей

По теме

Теги: