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

HTMLタグ完全ガイド

HTML: <thead> valign 属性

valign属性が<thead>要素内の内容の垂直整列方法を指定します。HTML5 <thead> valign 属性はサポートされていません。代わりに CSS を使用してください。

オンラインの例

thead要素内の内容を垂直に底部に整列する方法：

例

<table　style="width:100%;"　border="1">
　<thead　valign="bottom">
　　<tr>
　　　　<th　height="50">Babi娃娃のメーカー</th>
　　　　<th　height="50">Babi娃娃のタイプ</th>
　　</tr>
　　</thead>
　　<tr>
　　　　<td>バービープリンセス</td>
　　　　<td>6関節バービー娃娃</td>
　　</tr>
　　<tr>
　　　　<td>バービープリンセス</td>
　　　　<td>12関節バービー娃娃</td>
　　</tr>
</table>

テストを見てみましょう ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

定義と用法

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

valign 属性は、<thead> 要素内の内容の垂直揃え方法を指定します。

文法

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

属性値

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