機能別:列のグループ化(テーブル)

列属 テーブルの列属性

■概要

■説明

テーブルの左端からspan属性で指定した数だけのセルを、ひとつのグループとして定義する。 align、valign属性で、グループ全体のセルの内容の表示位置を指定できる。

■属性

align=... H4/e3。 項目の表示位置を指定します。 left, right, centerのいずれかを指定します。 HTML4.0ではchar, justifyも定義されています。
span=n H4/e3。 指定した列数まとめてひとつのグループとしてグループ化します。
valign=... H4/e4。 baseline, bottom, middle, topのいずれかを指定します。
width=n H4/e4。 指定した列の横幅を指定します。

■サンプル

<table>
<colgroup>
<col align=right;>
<col align=left>
<colgroup span=2 align=center>
<tr>
<td width="70">(1,1)</td><td width="70">(1,2)</td>
<td width="70">(1,3)</td><td width="70">(1,4)</td>
</tr>
<tr>
<td width="70">(2,1)</td><td width="70">(2,2)</td>
<td width="70">(2,3)</td><td width="70">(2,4)</td>
</tr>
<tr>
<td width="70">(3,1)</td><td width="70">(3,2)</td>
<td width="70">(3,3)</td><td width="70">(3,4)</td>
</tr>
<tr>
<td width="70">(4,1)</td><td width="70">(4,2)</td>
<td width="70">(4,3)</td><td width="70">(4,4)</td>
</tr>
</table>
(1,1)(1,2) (1,3)(1,4)
(2,1)(2,2) (2,3)(2,4)
(3,1)(3,2) (3,3)(3,4)
(4,1)(4,2) (4,3)(4,4)

まず、1回目の colgroup で1列目と2列目の列をグループ化している。 その、グループの中での1列目のセルに表示する文字をセルの右寄りに、 また、2列目のセルに表示する文字を左寄りに表示するように指定している。
次の colgroup では、3列目と4列目のセルをグループ化しており、 さらに、これらの列のセルに表示する文字をセルの中心に表示するようにしていしている。

Copyright (C) 1998 Arbel's BOX