HTML <col> tagi

Määrittely ja käyttö

<col> elementti määrittelee taulukon yhden tai useamman sarakkeen ominaisuusarvot.

Jos haluat soveltaa tyylejä kaikille sarakkeille:<col> elementti on hyödyllinen, koska sitä ei tarvitse soveltaa toistuvasti jokaiselle solulle ja riville.

Vinkki

Jos haluat asettaa colgroup Kun määrität jokaiselle sarakkeelle eri ominaisuusarvon sisäpuolella, käytä tätä elementtiä. Jos col-elementtiä ei ole, sarakkeet perivät kaikki ominaisuusarvot colgroupista.

col-elementti on tyhjä elementti, joka sisältää vain ominaisuuksia. Jos haluat luoda sarakkeen, sinun on määritettävä td-elementti tr-elementin sisällä.

Lisäksi:

HTML -viittausoppikirja:<colgroup>-elementti

HTML DOM -viittausoppikirja:Column-objekti

Esimerkki

Käytä <colgroup> ja <col> -elementtejä asettaaksesi kolmen sarakkeen taustavärin:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Otsikko</th>
    <th>Hinta</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>HTML perusteet</td>
    <td>$53</td>
  </tr>
</table>

Kokeile itse

Ominaisuus

Ominaisuus Arvo Kuvaus
span Luku Määrittää, kuinka monta saraketta <col> elementti kattaa.

Globaalit ominaisuudet

<col> Tämä tagi tukee myös HTML:n globaalit ominaisuudet.

tapahtumaoikeuksia

<col> Tämä tagi tukee myös HTML:n tapahtumaoikeudet.

Oletusarvoiset CSS-asetukset

Useimmat selaimet näyttävät seuraavat oletusarvot <col> Elementti:

col {
  display: table-column;
}

Kokeile itse

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki