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

HTMLタグ一覧

HTML: <col> valign 属性

valign属性は<col>要素に関連する内容の垂直対齐方法を指定し、HTML col valign属性の使用方法、ブラウザの互換性、構文定義、属性値の詳細情報などをオンラインサンプルで示しています。

オンラインサンプル

異なる垂直対齐のHTMLテーブルを持つ：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　<col>　valign　属性の使用-基本チュートリアル(oldtoolbag.com)</title>
<style>table,　th,　td　{　　border:　1px　solid　black;}</style>
</head>
<body>
<table　style="height:200px">
　　<col>
　　<col　valign="bottom">
　　<tr>
　　　　<th>Month</th>
　　　　<th>Savings</th>
　　</tr>
　　<tr>
　　　　<td>January</td>
　　　　<td>$100</td>
　　</tr>
</table>
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer および Opera だけが valign 属性をサポートしています。ただし、IEとOperaは「baseline」値をサポートしていません。

定義と用法

HTML5 <col> valign 属性はもはやサポートされていません。

align 属性は、<col> 元素に関連する内容の垂直アライメント方法を指定します。

文法

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

属性値

値	説明
top	内容を上にアライメントします。
middle	内容を中央にアライメントします（デフォルト値）。
bottom	内容を下にアライメントします。
ベースライン	ベースラインに対してアライメントします。

ベースラインは仮想的な線です。一行のテキストでは、ほとんどの文字がベースラインを基準にしています。ベースライン値は、一行のすべてのテーブルデータが同じベースラインを共有するように設定されます。この値の効果は、よく bottom 値と同じです。ただし、テキストのサイズが異なる場合、ベースラインの効果がより良いです。以下の図を参照してください：

valign="bottom"

valign="baseline"

　HTML <col> タグ

HTML: <template> タグ