Определяет число колонок, к которым будут применяться заданные характеристики. Если атрибут span отсутствует, то элемент <colgroup> работает для одной колонки. Допускается применять атрибут span к нескольким колонкам и таким образом формировать группы колонок с одинаковыми характеристиками.
Синтаксис
<colgroup span="<число>">
Значения
Целое положительное значение.
Значение по умолчанию
1
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>COLGROUP, атрибут span</title>
<style>
table {
width: 100%; /* Ширина таблицы */
}
th {
text-align: left; /* Выравнивание по левому краю */
}
td {
text-align: center; /* Выравнивание по центру */
}
.y90 {
width: 50px; /* Ширина колонок */
background: #D8E6F2; /* Цвет фона */
}
.y00 {
width: 75px; /* Ширина колонок */
background: #BFCAD9; /* Цвет фона */
}
</style>
</head>
<body>
<table>
<col>
<colgroup span="5" class="y90">
<colgroup span="4" class="y00">
<tr>
<td></td><td>1995</td><td>1996</td><td>1997</td>
<td>1998</td><td>1999</td><td>2000</td><td>2001</td>
<td>2002</td><td>2003</td>
</tr>
<tr>
<th>Нефть</th><td>5</td><td>7</td><td>2</td><td>8</td>
<td>3</td><td>34</td><td>62</td><td>74</td><td>57</td>
</tr>
<tr>
<th>Золото</th><td>3</td> <td>6</td><td>4</td><td>6</td>
<td>4</td><td>69</td><td>72</td><td>56</td><td>47</td>
</tr>
<tr>
<th>Дерево</th><td>5</td><td>8</td><td>3</td><td>4</td>
<td>7</td><td>73</td><td>79</td><td>34</td><td>86</td>
</tr>
</table>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.