Etichetta HTML <colgroup>

Definizione e uso

<colgroup> Il tag viene utilizzato per definire il formato del gruppo di una o più colonne all'interno di una tabella.

Per applicare uno stile a tutte le colonne:<colgroup> Il tag è molto utile, in questo modo non è necessario applicare lo stile a ciascuna cella e a ogni riga.

Attenzione:<colgroup> Il tag deve essere <table> figlio dell'elemento, situato in qualsiasi <caption> dopo l'elemento e qualsiasi <thead>e<tbody>e<tfoot> e <tr> prima dell'elemento.

Suggerimento:Per definire: <colgroup> Per definire attributi diversi per una colonna specifica, utilizzare: <colgroup> Utilizzato nei tag: Tag <col>.

Vedi anche:

Manuale HTML:Tag <col>

Manuale HTML DOM:Oggetto ColumnGroup

Esempio

Impostare il colore di sfondo delle tre colonne utilizzando i tag <colgroup> e <col>:

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

Prova tu stesso

Proprietà

Proprietà Valore Descrizione
span Numero Stabilisce il numero di colonne che il gruppo colonne deve coprire.

Proprietà globali

<colgroup> Il tag supporta anche Proprietà globali in HTML.

Proprietà di evento

<colgroup> Il tag supporta anche Proprietà di evento in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser mostrerà i seguenti valori predefiniti <colgroup> Elemento:

colgroup {
  display: table-column-group;
}

Prova tu stesso

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto