HTML <colgroup> Tag

Definition og brug

<colgroup> Tagget bruges til at specificere formatet af grupper, der indeholder en eller flere kolonner i en tabel.

Hvis du vil anvende stil på alle kolonner<colgroup> Tagget er meget nyttigt, så du ikke behøver at gentage stil for hver celle og hver række.

Bemærk:<colgroup> Tagget skal være <table> barnene til elementet, beliggende enhver <caption> efter elementet og enhver <thead>og<tbody>og<tfoot> og <tr> før elementet.

Tip:Hvis du vil sætte <colgroup> For at definere forskellige egenskaber for et bestemt kolonne, skal du bruge <colgroup> Brug i tags <col>-tagget.

Se også:

HTML Reference Manual:<col>-tagget

HTML DOM Reference Manual:ColumnGroup-objektet

Eksempel

Brug <colgroup> og <col>-tagget til at sætte baggrundsfarve på tre kolonner:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Bognummer</th>
    <th>Titel</th>
    <th>Pris</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML Grundlæggende</td>
    <td>$53</td>
  </tr>
</table>

Prøv det selv

Egenskab

Egenskab Værdi Beskrivelse
span Tal Angiver antallet af kolonner, som kolonnegruppen skal krydse.

Globale egenskaber

<colgroup> Etiketten understøtter også Globale egenskaber i HTML.

event egenskaber

<colgroup> Etiketten understøtter også Event egenskaber i HTML.

Standard CSS-indstillinger

De fleste browsere vil bruge følgende standardværdier til visning <colgroup> Element:

colgroup {
  display: table-column-group;
}

Prøv det selv

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support