Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
<COLGORUP>...</COLGORUP>

Пример COLGORUP

В следующем примере таблица содержит две группы столбцов, первая группа содержит 10 столбцов, вторая группа содержит 5 столбцов:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<HEAD>
  4. <TITLE>Пример использования элементов COLGROUP и COL</TITLE>
  5.</HEAD>
  6.<BODY>
  7.<TABLE border="border">
  8.<COLGROUP style="background:#cadceb;border-top:5px solid grey;">
  9.<COL>
10.<THEAD>
11.<TR><TH>Vegetable <TH>Cost per kilo
12.<TBODY>
13.<TR><TD>Lettuce <TD>
14.<TR><TD>Silver carrots <TD>.50
15.<TR><TD>Golden turnips <TD>0.30
16.</TABLE>
17.
18.</BODY>
19.</HTML>
20.
Пример COLGROUP и COL
Пример COLGROUP и COL

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<HEAD>
  4. <TITLE>Пример использования элементов COLGROUP и COL</TITLE>
  5.</HEAD>
  6.<BODY>
  7.<TABLE border="border">
  8.<COLGROUP span="2" style="background:#cadceb;border-top:5px solid grey;">
  9.<TR><TD>Lettuce<TD><TD>Lettuce<TD>
10.<TR><TD>Silver carrots <TD>.50<TD>Lettuce<TD>
11.<TR><TD>Golden turnips <TD>0.30<TD>Lettuce<TD>
12.</TABLE>
13.</BODY>
14.</HTML>
15.
THEAD, TFOOT, TBODY в сокращенном вариенте
THEAD, TFOOT, TBODY в сокращенном вариенте

Допускается вместо указания элемента COL указывать количество столбцов для группировки с помощью атрибута span:

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<HEAD>
  4. <TITLE>Атрибут span для элемента COL</TITLE>
  5.</HEAD>
  6.<BODY>
  7.<TABLE border="border">
  8.<COLGROUP>
  9.<COL span="3" style="background:#cadceb;border-top:5px solid grey;">
10.<TR><TD>Lettuce<TD><TD>Lettuce<TD>
11.<TR><TD>Silver carrots <TD>.50<TD>Lettuce<TD>
12.<TR><TD>Golden turnips <TD>0.30<TD>Lettuce<TD>
13.</TABLE>
14.</BODY>
15.</HTML>
16.
Атрибут span для элемента COL
Атрибут span для элемента COL


Доступ по jQuery

Получить коллекцию элементов COLGORUP: val = $("COLGORUP");
Получить класс элементаCOLGORUP: val = $("COLGORUP").class();
Установить CSS свойства элементу COLGORUP: $("COLGORUP").css({"...":"..."});
Установить CSS свойство элементу COLGORUP: $("COLGORUP").css("...","...");
Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org