HTML <tfoot> valign属性

例

<tfoot> 要素内のコンテンツを垂直方向に下揃えにする：

<table border="1" width="100%">
<tr>
    <th>Month</th>
      <th>Savings</th>
</tr>
    <tr>
      <td>January</td>
    <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
</tr>
<tfoot valign="bottom">
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
</tfoot>
</table>

試してみる »

ブラウザサポート

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

定義と使い方

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

valign 属性は、<tfoot> 要素内のコンテンツの垂直方向の配置を指定します。

構文

属性値

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