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

HTML タグ完全ガイド

HTML td valign 属性

valign属性は、セル内の内容の垂直整列方法を指定し、HTML td valign 属性の使用方法、ブラウザの互換性、文法の定義及び属性値の詳細情報などをオンラインの実例で説明します。

オンラインの例

td>要素内に内容を垂直に整列：

例

<table　style="width:100%"　border="1"　height="400">
　　<tr>
　　　　<th>番号</th>
　　　　<th>月</th>
　　　　<th>貯蓄</th>
　　</tr>
　　<tr>
　　　　<td　valign="top">1</td>
　　　　<td　valign="top">一月</td>
　　　　<td　valign="top">3100</td>
　　</tr>
　　<tr>
　　　　<td　valign="bottom">2</td>
　　　　<td　valign="bottom">二月</td>
　　　　<td　valign="bottom">2180</td>
　　</tr>
</table>

テストしてみる‹/›

ブラウザの互換性

IEFirefoxオペラChromeSafari

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

定義と使用法

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

valign 属性は、セル内の内容の垂直整列方法を指定します。

構文

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

属性値

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