サイト内検索
...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>サンプル1</th>
<td>No1</td>
<td>No2</td>
</tr>
<tr>
<th>サンプル2</th>
<td>No3</td>
<td>No4</td>
</tr>
</table>
[ブラウザ上]
サンプル1 | No1 | No2 |
---|---|---|
サンプル2 | No3 | No4 |