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

HTMLタグ完全ガイド

HTML: <tfoot>の valign 属性

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

オンラインの例

要素 <tfoot> 内の内容を垂直に底部に整列させる：

例

<table　style="width:100%;"　border="1">
　　　　<tr>
　　　　　　<th>プログラミング言語の本</th>
　　　　　　<th>価格</th>
　　　　</tr>
　　　　<tr>
　　　　　　<td　align="right">PHPの基礎講座</td>
　　　　　　<td>$30</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td　align="left">JAVAプログラミングの思想</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　　<tfoot　valign="bottom">
　　　　　　<tr>
　　　　　　　　<td>合計</td>
　　　　　　　　<td>$110.00</td>
　　　　　　</tr>
　　</tfoot>　
</table>

テストしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

定義と使用法

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

valign 属性は、<tfoot> 要素内の内容の垂直アライメント方法を指定します。

構文

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

属性値

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