Dimensioni tabella HTML
Le tabelle HTML possono avere dimensioni diverse per ogni colonna, riga o per l'intera tabella.
Utilizzare l' style
attributo con le
proprietà width
o height
per specificare la dimensione di una tabella, riga o colonna.
Larghezza tabella HTML
Per impostare la larghezza di una tabella, aggiungi l' style
attributo <table>
all'elemento:
Esempio
Imposta la larghezza della tabella al 100%:
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Nota: l'utilizzo di una percentuale come unità di misura per una larghezza indica la larghezza dell'elemento rispetto al suo elemento padre, che in questo caso è l' <body>
elemento.
Larghezza colonna tabella HTML
Per impostare la dimensione di una colonna specifica, aggiungi l' style
attributo su un elemento <th>
o
:<td>
Esempio
Imposta la larghezza della prima colonna al 70%:
<table style="width:100%">
<tr>
<th style="width:70%">Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Altezza della riga della tabella HTML
Per impostare l'altezza di una riga specifica, aggiungi l' style
attributo su un elemento riga della tabella:
Esempio
Imposta l'altezza della seconda riga su 200 pixel:
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr style="height:200px">
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>