Gli ultimi tutorial di sviluppo web
 

HTML <colgroup> width Attribute

<HTML <colgroup> tag

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

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) .


<HTML <colgroup> tag