HTML <colgroup> etikett

Definition och användning

<colgroup> Taggen används för att definiera formatet för grupper som innehåller en eller flera kolumner i en tabell.

För att tillämpa stil på alla kolumner:<colgroup> Taggen är mycket användbar, så att man inte behöver tillämpa stil på varje cell och varje rad upprepade gånger.

Observera:<colgroup> Etiketten måste vara <table> under elementets underelement, beläget i någon <caption> efter elementet och alla <thead>och<tbody>och<tfoot> och <tr> innan elementet.

Tips:För att ange: <colgroup> För att definiera olika egenskaper för ett specifikt kolonn, använd: <colgroup> Använd i etiketterna: <col>-taggen.

Se också:

HTML-referenshandboken:<col>-taggen

HTML DOM-referenshandboken:ColumnGroup-objektet

Exempel

Använd <colgroup> och <col>-taggar för att ställa in bakgrundsfärgen för tre kolumner:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>Boknummer</th>
    <th>Titel</th>
    <th>Pris</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML-ingång</td>
    <td>$53</td>
  </tr>
</table>

Prova själv

Egenskap

Egenskap Värde Beskrivning
span Nummer Definierar antalet kolumner som grupp ska sträcka sig över.

Globala egenskaper

<colgroup> Etiketterna stöder också Globala egenskaper i HTML.

händelseegenskaper

<colgroup> Etiketterna stöder också Händelseegenskaper i HTML.

Standard CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <colgroup> Element:

colgroup {
  display: table-column-group;
}

Prova själv

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd