HTML <colgroup> align属性
インスタンス
2つの <colgroup> 要素がテーブルの3列に異なる配置方法を指定します(最初の <colgroup> 要素が2列にまたがっていることに注意):
<table width="100%" border="1">
<colgroup span="2" align="left"></colgroup>
<colgroup align="right"></colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
<colgroup span="2" align="left"></colgroup>
<colgroup align="right"></colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
試してみる »
ブラウザのサポート
![]()
![]()
![]()
![]()
![]()
align 属性をサポートしているのは Opera と Internet Explorer 8 以前のバージョンのみです(IE 9 ではサポートされていません)。
定義と使い方
HTML5 では、<colgroup> の align 属性はサポートされていません。
align 属性は、列グループ内のコンテンツの水平方向の配置を指定します。
構文
<colgroup align="left|right|center|justify|char">
属性値
| 值 | 説明 |
|---|---|
| left | コンテンツを左揃えにします(デフォルト値)。 |
| right | コンテンツを右揃えにします。 |
| center | コンテンツを中央揃えにします(th 要素のデフォルト値)。 |
| justify | 行を引き伸ばして、各行の幅が等しくなるようにします(新聞や雑誌のように)。 |
| char | コンテンツを指定した文字に揃えます。 |
HTML <colgroup> タグ その他の拡張