HTML <col> etikett

Definition och användning

<col> taggen definierar egenskapsvärden för en eller flera kolumner i en tabell.

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

Tips

Om du vill ha colgroup Använd detta element när du vill specificera olika egenskapsvärden för varje kolumn internt. Om det inte finns något col-element, kommer kolumnen att ärva alla egenskapsvärden från colgroup.

col-elementet är en tom element som endast innehåller egenskaper. Om du vill skapa en kolumn måste du specificera en td-element inom en tr-element.

Se också:

HTML Referenshandbok:<colgroup>-taggen

HTML DOM Referenshandbok:Column-objekt

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-introduktion</td>
    <td>$53</td>
  </tr>
</table>

Prova själv

Egenskap

Egenskap Värde Beskrivning
span Nummer Definierar antalet kolumner som <col>-elementet ska sträcka sig över.

Globala egenskaper

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

händelseegenskaper

<col> 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 <col> Element:

col {
  display: table-column;
}

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