HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <tr> valign 属性

<tr> valign 属性の使用方法、valign属性はテーブル行内の内容の垂直アライメントを指定します。オンラインの例で <tr> valign 属性、ブラウザの互換性、構文定義及びその属性値の詳細情報などを説明します。

オンラインの例

異なる垂直アライメントの行を持つHTMLテーブル：

例

<table　style="width:100%"　border="1">
　　　<tr　valign="middle">
　　　　<td>2018</td>
　　　　<td>$15320.00</td>
　　</tr>
　　　<tr　valign="top">
　　　　<td>2019</td>
　　　　<td>$18320.00</td>
　　</tr>
</table>

テストしてみる‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

定義と使用法

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

valign 属性は、テーブル行の内容の垂直揃え方法を指定します。

構文

<tr valign="top|middle|bottom|baseline">

属性値

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