例
垂直内のコンテンツ揃える<tfoot>底に要素を：
<table>
<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属性は、内のコンテンツの垂直方向の配置を指定し<tfoot>要素を。
ブラウザのサポート
| 属性 | |||||
|---|---|---|---|---|---|
| valign | はい | はい | はい | はい | はい |
互換性に関する注意
valignの属性<tfoot> HTML5でサポートされていません。 代わりにCSSを使用してください。
CSSの構文： <tfoot style="vertical-align:bottom">
私たちのCSSのチュートリアルでは、についての詳細を見つけることができますvertical-align property 。
構文
<tfoot valign="top|middle|bottom|baseline">
属性値
| 値 | 説明 |
|---|---|
| top | トップアラインコンテンツ |
| middle | センターアラインコンテンツ |
| bottom | ボトムアラインコンテンツ |
| baseline | ベースラインは、ほとんどの文字がテキストの行に、上の「座る」仮想線です。 すべてのテーブルのデータが同じベースラインを共有するようにベースライン値は、行を設定します。 多くの場合、これは、ボトム値と同じ効果を有します。 フォントは異なるサイズである場合には、ベースラインが良く見えます。 下の図を見てください |
対ベースライン下部のイラストフォントが異なるサイズである場合：
valign="bottom"
valign="baseline"