HTML <colgroup> width属性
例
最初の列に事前定義された幅200ピクセルを設定する <colgroup> 要素:
<table border="1">
<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>
<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>
試してみる »
ブラウザサポート
![]()
![]()
![]()
![]()
![]()
すべての主要ブラウザは width 属性をサポートしています。ただし、サポートしているブラウザはありません。relative_length値。
定義と使い方
HTML5 では、<colgroup> width 属性はサポートされていません。
width 属性は列グループの幅を指定します。
通常、列グループが占めるスペースは、その表示内容に必要なスペースです。width 属性は、列グループに事前定義された幅を設定するために使用されます。
注意:この属性は、<col> 要素内の任意の幅設定によって上書きされます。
構文
<colgroup width="pixels|%|relative_lngth">
属性値
| 值 | 説明 |
|---|---|
| pixels | ピクセル単位の幅の値を設定します(例:width="50")。 |
| % | 包含要素のパーセンテージで幅の値を設定します(例:width="50%")。 |
| relative_length | 利用可能なピクセルを各部分に割り当てます。部分1は "1*"、部分2は "2*" に設定します。(例:テーブルの幅が100px、最初の列グループが20px、2番目の列グループが50%の場合、残りの利用可能なピクセルは30pxです。) 例:利用可能なピクセルが30pxの場合、部分1を "1*"、部分2を "2*" に設定でき、これは10ピクセルと20ピクセルとして解釈されます("1*" は部分1、"2*" は部分2)。 |
HTML <colgroup> タグ その他の拡張