- Главная»
- HTML-Шпаргалка»
- colgroup
colgroup
Поддержка браузеров
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
+ | + | + | + | + |
Пример
2 colgroup элемента, которые определяют разное выравнивание и стиль для трех колонок в таблице (первый colgroup элемент влияет на 2 колонки):
<table width="100%" border="1"> <colgroup span="2" align="left"></colgroup> <colgroup align="right" style="color:#0000FF;"></colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> <td>My first HTML</td> <td>$53</td> </tr> </table>
Описание и использование
Тег <colgroup> используется для группировки колонок в таблице для форматирования.
Тег <colgroup> очень полезен для применения стилей ко всей колонке, вместо повторения стилей для каждой ячейки.
Тег <colgroup> может быть использован только внутри таблицы (элемент table ).
Примечание: Firefox, Chrome, и Safari поддерживают только width и span атрибуты элемента colgroup.
Разница между HTML и XHTML
НЕТ
Необязательные атрибуты
Атрибут | Значение | Описание |
---|---|---|
align | left right top bottom | Определяет выравнивание контента в группе колонок. |
span | цифра | Определяет число колонок в группе, к которым будут применяться заданные параметры. |
valign | top middle bottom baseline | Устанавливает вертикальное выравнивание содержимого группы колонок. |
width | % пиксели относительная длина | Задает ширину группы колонок. |
Стандартные атрибуты
Атрибут | Значение | Описание |
---|---|---|
class | имя_класса | Определяет имя класса для элемента |
dir | rtl ltr | Определяет направление текста для контента в элементе |
id | id | Определяет уникальный id для элемента |
lang | код_языка | Определяет код языка для контента в элементе |
style | определение_стиля | Определяет инлайновый стиль для элемента |
title | текст | Определяет дополнительную информацию об элементе |
xml:lang | код_языка | Определяет код языка для контента в элементе, в XHTML документах |
Событийные атрибуты
Атрибут | Значение | Описание |
---|---|---|
onclick | скрипт | Скрипт будет выполнен при клике |
ondblclick | скрипт | Скрипт будет выполнен при двойном клике |
onmousedown | скрипт | Скрипт будет выполнен при нажатии кнопки мышки |
onmousemove | скрипт | Скрипт будет выполнен при движении курсора мышки |
onmouseout | скрипт | Скрипт будет выполнен, когда курсор мышки покинет пределы элемента |
onmouseover | скрипт | Скрипт будет выполнен, когда курсор мышки находится над элементом |
onmouseup | скрипт | Скрипт будет выполнен, когда кнопка мышки будет отпушена |
onkeydown | скрипт | Скрипт будет выполнен при нажатии клавиши |
onkeypress | скрипт | Скрипт будет выполнен при нажатии клавиши и последующего разжатия |
onkeyup | скрипт | Скрипт будет выполнен при разжатии клавиши |