HTML <td> valign属性

例

異なる垂直方向の配置を持つセルを含むHTMLテーブル：

<table border="1" style="height:200px">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td valign="top">January</td>
<td valign="top">$100</td>
</tr>
<tr>
<td valign="bottom">February</td>
<td valign="bottom">$80</td>
</tr>
</table>

試してみる »

ブラウザサポート

すべての主要ブラウザが valign 属性をサポートしています。

定義と使い方

HTML5 は <td> の valign 属性をサポートしていません。代わりに CSS を使用してください。

valign 属性は、セル内のコンテンツの垂直方向の配置を指定します。

構文

属性値

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