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