Esempio
Impostare il colore delle tre colonne con lo sfondo <colgroup> e <col> tag:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
Prova tu stesso " Definizione e utilizzo
Il <colgroup> tag specifica un gruppo di una o più colonne di una tabella per la formattazione.
Il <colgroup> tag è utile per applicare stili di intere colonne, invece di ripetere gli stili per ogni cella, per ogni riga.
Nota: Il <colgroup> tag deve essere un figlio di un <table> elemento, dopo ogni <caption> elementi e prima di qualsiasi <thead>, <tbody>, <tfoot> , e <tr> elementi.
Suggerimento: per definire diversi oggetti da una colonna all'interno di un <colgroup> , utilizzare il <col> tag all'interno del <colgroup> tag.
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <colgroup> | sì | sì | sì | sì | sì |
Differenze tra HTML 4.01 e HTML5
La maggior parte degli attributi in HTML 4.01 non sono supportate in HTML5.
attributi
| Attributo | Valore | Descrizione |
|---|---|---|
| align | left right center justify char | Non supportato in HTML5. Allinea il contenuto di un gruppo di colonne |
| char | character | Non supportato in HTML5. Allinea il contenuto di un gruppo di colonne di un personaggio |
| charoff | number | Non supportato in HTML5. Imposta il numero di caratteri il contenuto sarà allineata dal carattere specificato dal char dell'attributo |
| span | number | Specifica il numero di colonne un gruppo di colonne dovrebbe estendersi |
| valign | top middle bottom baseline | Non supportato in HTML5. Vertical allinea il contenuto in un gruppo di colonne |
| width | pixels % relative_length | Non supportato in HTML5. Specifica la larghezza di un gruppo di colonne |
attributi globali
Il <colgroup> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <colgroup> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
Di riferimento HTML DOM: ColumnGroup Object
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <colgroup> elemento con i seguenti valori di default: