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