HTML リファレンスマニュアル

HTMLタグ一覧

HTML: <colgroup> valign 属性

HTML5 では、<colgroup> valign 属性はサポートされていません。valign 属性は列グループ内の内容の垂直アライメントを指定します。

オンラインの例

HTMLテーブルの例です。異なる垂直アライメントの列があります：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　<colgroup>　span　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
<style>table,　th,　td　{　　border:　1px　solid　black;}</style>
</head>
<body>
<table　style="height:200px">
　　<colgroup　valign="top">
　　<colgroup　valign="bottom">
　　<tr>
　　　　<th>Month</th>
　　　　<th>Savings</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
</body>
</html>

テストしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer と Opera だけが valign 属性をサポートしています。しかし、IE と Opera は属性値 "baseline" をサポートしていません。

定義と使用法

HTML5 中、<colgroup> valign 属性はサポートされていません。

valign 属性は、列グループ内の内容の垂直アライメント方法を指定します。

文法

<colgroup valign="top|middle|bottom|baseline">

属性値

値	説明
top	内容を上にアライメントします。
middle	内容を中央にアライメントします（デフォルト値）。
bottom	内容を下にアライメントします。
baseline	ベースラインに対してアライメント。ベースラインは仮想の線です。一行のテキストでは、ほとんどの文字がベースラインを基準にしています。ベースラインの値は、一行のすべてのテーブルデータが同じベースラインを共有することを設定します。この値の効果は、しばしば bottom の値と同じです。ただし、テキストのサイズが異なる場合、ベースラインの効果がより良いです。以下の図を参照してください。