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



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

Пример COLGROUP

Пример группировки элементов таблицы:

  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.<style type="text/css">
  5.COLGROUP {
  6.background:#cadceb;
  7.border-top:5px solid grey;
  8.}
  9.</style>
10.<TITLE>Пример использования элементов COLGROUP</TITLE>
11.</HEAD>
12.<BODY>
13.<TABLE border="border">
14.<COLGROUP span="2" style="">
15.<TR><TD>Lettuce<TD><TD>Lettuce
16.<TR><TD>Silver carrots <TD>.50<TD>Lettuce
17.<TR><TD>Golden turnips <TD>0.30<TD>Lettuce
18.</TABLE>
19.</BODY>
20.</HTML>
21.
Пример COLGROUP
Пример COLGROUP

Допускается вместо указания элемента 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

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