HTML <colgroup> valign属性

例

異なる垂直配置の列を持つHTMLテーブル：

<table border="1" 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>

試してみる »

ブラウザサポート

valign 属性をサポートしているのは Internet Explorer と Opera のみです。ただし、IE と Opera は属性値 "baseline" をサポートしていません。

定義と使い方

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

valign 属性は、列グループ内のコンテンツの垂直配置を指定します。

構文

属性値

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