サイト内検索

...HTML・XHTMLタグ...

table

colgroup要素(グループ化したセル内)の位置の指定

colgroup要素内の文字の横方向の位置は、colgroup要素にalignを指定します。
colgroup要素内の文字の縦方向の位置は、colgroup要素にvalignを指定します。
[使い方]
<colgroup align="center" valign="bottom"></colgroup>
spanの数値をを指定しない場合は、「1」として扱われます。
[メモ]
align属性・valign属性は、
Internet Explorer,Opera,Safariのみに有効です。
align要素・valign要素の代わりにスタイルシート
text-alignプロパティ・vertical-alignプロパティを指定することもできます。
[横(左右)方向の位置指定]
属性 属性値 説明
align= "left"左側に揃えて表示します。
"center" 中央に表示します。
"right"右側に寄せて表示します。
"justify"両端に揃えて表示します。

[縦(上下)方向の位置指定]
属性 属性値 説明
valign= "top"上部に揃えて表示します。
"middle"中央に揃えて表示します。
"bottom"下部に揃えて表示します。
"baseline"1行目をベースラインで揃えて表示します。

サンプル

《align・valignと一緒に指定》

[bodyの中]

<table border="1" height="100">
<colgroup width="100" bgcolor="#ccff99">
</colgroup>
<colgroup span="2" align="left" valign="bottom" width="80"
bgcolor="#ffff8e">
</colgroup>
<tr>
<th>サンプル</th>
<td>No</td>
<td>No</td>
</tr>
<tr>
<th>サンプル</th>
<td>No</td>
<td>No</td>
</tr>
</table>

[ブラウザ上]

サンプル NoNo
サンプル NoNo

Copyright c 2007.10.01 luc All rights reserved.