HTML <col> tag

Definition og brug

<col> Tagget definerer egenskabsværdier for en eller flere kolonner i en tabel.

For at anvende stil på alle kolonner<col> Tagget er meget nyttigt, så du ikke behøver at anvende stil til hver enkelt celle og hver række gentagne gange.

Vedviser

Hvis du ønsker at colgroup Brug dette element, når du angiver forskellige egenskabsværdier for hver kolonne. Hvis der ikke er nogen col-elementer, arver kolonnen alle egenskabsværdier fra colgroup.

col-elementet er en tom element, der kun indeholder egenskaber. For at oprette en kolonne skal du specificere td-elementet inden i tr-elementet.

Se også:

HTML Reference Manual:<colgroup>-tagget

HTML DOM Reference Manual:Column-objekt

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

Prøv det selv

Egenskab

Egenskab Værdi Beskrivelse
span Tal Definerer antallet af kolonner, <col> elementet skal krydse.

Globale egenskaber

<col> Tagget understøtter også Globale egenskaber i HTML.

event egenskaber

<col> Tagget understøtter også Event egenskaber i HTML.

Standard CSS indstilling

De fleste browsere vil bruge følgende standardværdier til at vise <col> Element:

col {
  display: table-column;
}

Prøv det selv

Browser support

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