HTML <col> valign属性
実例
垂直方向の配置が異なる列を持つテーブル：
<table border="1"
style="height:200px">
<col valign="top">
<col valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<col valign="top">
<col valign="bottom">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
試してみる »
ブラウザサポート
Internet Explorer と Opera のみが valign 属性をサポートしています。 ただし、IE と Opera は "baseline" の値をサポートしていません。
定義と使い方
HTML5 では <col> の valign 属性はサポートされなくなりました。
align 属性は、<col> 要素に関連するコンテンツの垂直方向の配置を指定します。
構文
<col valign="top|middle|bottom|baseline">
属性値
| 值 | 説明 |
|---|---|
| top | コンテンツを上揃えにします。 |
| middle | コンテンツを中央揃えにします（デフォルト値）。 |
| bottom | コンテンツを下揃えにします。 |
| baseline | ベースラインに揃えます。 |
ベースラインは仮想的な線です。テキストの行では、ほとんどの文字がベースラインを基準にしています。baseline 値は、行内のすべての表データが同じベースラインを共有するように設定します。この値の効果は多くの場合、bottom 値と同じです。ただし、テキストのフォントサイズがそれぞれ異なる場合、baseline の効果の方が優れています。次の図を参照してください：
valign="bottom"
valign="baseline"
HTML <col> タグ その他の拡張