Esempio
A <colgroup> elemento che specifica che la prima colonna deve avere una larghezza predefinita di 200 pixel:
<table>
<colgroup width="200">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Prova tu stesso " Definizione e utilizzo
La width attributo specifica la larghezza di un gruppo di colonne.
Normalmente, un gruppo di colonne occupa lo spazio di cui ha bisogno per visualizzare il contenuto. La width attributo viene utilizzato per impostare una larghezza predefinita di un gruppo di colonne.
Nota: Questo attributo verrà sovrascritto da qualsiasi larghezza fissato dal <col> elementi.
Supporto per il browser
Attributo | |||||
---|---|---|---|---|---|
width | sì | sì | sì | sì | sì |
La width attributo è supportato in tutti i principali browser. Tuttavia, nessuno dei browser supporta il valorerelative_length.
Note di compatibilità
La width attributo <colgroup> non è supportato in HTML5. Utilizzare invece CSS.
Sintassi CSS: <td style="width:200px">
CSS Esempio: specificare la larghezza di una colonna della tabella
Nel nostro tutorial CSS è possibile trovare ulteriori dettagli sulla width di proprietà .
Sintassi
<colgroup width="pixels|%|relative_lngth">
I valori degli attributi
Valore | Descrizione |
---|---|
pixels | Imposta la larghezza in pixel (es: width="50" ) |
% | Imposta la larghezza in percentuale dell'elemento circostante (ad esempio: width="50%" ) |
relative_length | Condivide i pixel disponibili in parti. (Ad esempio un tavolo è di 100 px, il primo gruppo di colonne è di 20 px, il secondo è del 50%, i pixel disponibili saranno poi 30px). Una parte è impostato in questo modo: "1*" . Esempio: se 30 px di spazio sono disponibili, si può avere un "1*" e un "2*" , che sarà interpretato come 10 e 20 px (si pensi a 1* come una parte, e 2* come due parti) . |