HTMLテーブルサイズ
HTMLテーブルは、列、行、またはテーブル全体でサイズを変えることができます。
またはプロパティstyle
で属性を
使用して
、テーブル、行、または列のサイズを指定します。width
height
HTMLテーブル幅
テーブルの幅を設定するには、要素にstyle
属性を追加します。<table>
例
テーブルの幅を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>
注:幅のサイズ単位としてパーセンテージを使用することは、この要素がその親要素(この場合は要素)と比較される幅を意味します<body>
。
HTMLテーブルの列幅
特定の列のサイズを設定するには、または
要素style
に属性を追加します。<th>
<td>
例
最初の列の幅を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>
HTMLテーブルの行の高さ
style
特定の行の高さを設定するには、テーブルの行要素に属性を追加します。
例
2番目の行の高さを200ピクセルに設定します。
<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>