colgroup

Поддержка браузеров

IE Opera Chrome Firefox Safari
+ + + + +

Пример

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 скрипт Скрипт будет выполнен при разжатии клавиши
^ Наверх ^