Tag <colgroup> HTML

Definicja i użycie

<colgroup> Znacznik <colgroup> służy do określenia formatu grupy jednej lub kilku kolumn w tabeli.

Aby zastosować styl do wszystkich kolumn,<colgroup> Znacznik jest bardzo przydatny, ponieważ pozwala uniknąć powtarzania stylów dla poszczególnych komórek i wierszy.

Uwaga:<colgroup> Znacznik <table> podziałem elementu, który jest <caption> za elementem <thead>,<tbody>,<tfoot> i <tr> przed elementem.

Wskazówka:Aby ustawić styl <colgroup> Aby zdefiniować różne atrybuty dla jednej z kolumn, użyj <colgroup> Użycie znacznika Znacznik <col>.

Zobacz również:

Podręcznik HTML:Znacznik <col>

Podręcznik HTML DOM:Obiekt ColumnGroup

Przykład

Używaj znaczników <colgroup> i <col>, aby ustawić kolor tła dla trzech kolumn:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Tytuł</th>
    <th>Cena</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>Wprowadzenie do HTML</td>
    <td>$53</td>
  </tr>
</table>

Spróbuj sam

Atrybut

Atrybut Wartość Opis
span Numer Określa liczbę kolumn, które powinna przeciągać grupa kolumn.

Globalne atrybuty

<colgroup> Tag obsługuje również Globalne atrybuty HTML.

Atrybuty wydarzeń

<colgroup> Tag obsługuje również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek wyświetli następujące wartości domyślne <colgroup> Element:

colgroup {
  display: table-column-group;
}

Spróbuj sam

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie