html тег <colgroup> атрибут span


Атрибут span HTML тега <colgroup> визначає число колонок, до яких застосовуватимуться задані властивості. Якщо цей атрибут відсутній, то елемент <colgroup> працює для однієї колонки.

Допускається застосовувати атрибут span до кількох колонок і таким чином формувати групи колонок з однаковими властивостями.

автор: NagarD

Порада

Для того, щоб визначити різні властивості стовпчика в межах <colgroup>, використовуйте тег <col> всередині тега <colgroup>.

автор: NagarD

Синтаксис

<colgroup span="number">

Атрибут span може отримувати єдине значення:

number

Число груп колонок.

автор: NagarD

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft Internet Explorer
1 1 1 1 1

Мобільних переглядачів ще не додано.

Приклади

+ запропонувати свій приклад у пісочниці

span="2" розтягує одну групу на дві колонки — обидві блакитні, а третя лишилася поза групою.

HTML

<table>
    <colgroup span="2" class="hl"></colgroup>
    <tr><th>ISBN</th><th>Назва</th><th>Ціна</th></tr>
    <tr><td>3476896</td><td>Мій перший HTML</td><td>53 грн</td></tr>
    <tr><td>5869207</td><td>CSS без сліз</td><td>49 грн</td></tr>
</table>

CSS

table {
    border-collapse: collapse;
}

td, th {
    border: 1px solid #0172ad;
    padding: 4px 10px;
}

.hl {
    background: #eef6ff;
}
автор: NagarD

Різниця між HTML 4.01 та HTML5


Різниця між XHTML та HTML



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід