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