HTML <colgroup> -tagi

Määrittely ja käyttö

<colgroup> Tagi määrittää muodon, joka sisältää yhden tai useamman sarakkeen ryhmän.

Jos haluat soveltaa tyylejä kaikille sarakkeille<colgroup> Tagi on erittäin hyödyllinen, sillä näin ei tarvitse toistaa tyylejä jokaiselle solulle ja riville.

Huomioitavaa:<colgroup> Tagin on oltava <table> elementin lapsielementit, sijaitsevat minkä tahansa <caption> elementin jälkeen ja minkä tahansa <thead>ja<tbody>ja<tfoot> ja <tr> elementin edellä.

Vinkki:Jos haluat <colgroup> Määritä eri ominaisuudet <colgroup> Tagin käytössä <col> -tagi.

Lisäksi tarkastele:

HTML -viittausoppikirja:<col> -tagi

HTML DOM -viittausoppikirja:ColumnGroup-objekti

Esimerkki

Käytä <colgroup> ja <col> -tagit 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-alku</td>
    <td>$53</td>
  </tr>
</table>

Kokeile itse

Ominaisuus

Ominaisuus Arvo Kuvaus
span Luku Määrittää, kuinka monta saraketta ryhmä kattaa.

Globaalit ominaisuudet

<colgroup> Tämä merkki tukee myös HTML:n globaalit ominaisuudet.

tapahtumien ominaisuuksia

<colgroup> Tämä merkki tukee myös HTML:n tapahtumien ominaisuudet.

Oletusarvoiset CSS-asetukset

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

colgroup {
  display: table-column-group;
}

Kokeile itse

Selaimen tuki

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