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

HTMLタグ全般

HTML tbody valign 属性

valign属性は <tbody>要素内の内容の垂直整列方法を指定します。

オンラインサンプル

tbody要素内の内容を垂直に下部に整列する：

例

<table　border="1">
　　<tr>
　　　　　　<th>プログラミング言語の本</th>
　　　　　　<th>価格</th>
　　</tr>
　　<tbody　valign="bottom">
　　　　<tr>
　　　　　　<td>PHPの基本チュートリアル</td>
　　　　　　<td>$50</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td>JAVAプログラミングの思想</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　</tbody>
</table>

テストを見てみましょう ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

定義と用法

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

valign 属性は、<tbody> 要素内のコンテンツの垂直揃え方法を指定します。

文法

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

属性値

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