CSS vertical-alignプロパティ

例

画像の垂直配置：

img { vertical-align:text-top; }

vertical-align プロパティは、要素の垂直方向の配置方法を設定します。

このプロパティは、インライン要素のベースラインを、その要素が存在する行のベースラインに対して垂直方向に整列することを定義します。負の長さの値とパーセンテージ値を指定できます。これにより、要素は上昇するのではなく下降します。表のセルでは、このプロパティはセルボックス内のセル内容の配置を設定します。

デフォルト値：	baseline
継承：	no
バージョン：	CSS1
JavaScript 構文：	object.style.verticalAlign="bottom"

表内の数字は、そのプロパティをサポートする最初のブラウザのバージョン番号を示します。

プロパティ
vertical-align	1.0	4.0	1.0	1.0	4.0

值	説明
baseline	デフォルト。要素は親要素のベースライン上に配置されます。
sub	テキストの下付き文字に垂直配置します。
super	テキストの上付き文字に垂直配置します。
top	要素の上端を行内で最も高い要素の上端に揃えます。
text-top	要素の上端を親要素のフォントの上端に揃えます。
middle	この要素を親要素の中央に配置します。
bottom	要素とその子孫要素の下端を行全体の下端に揃えます。
text-bottom	要素の下端を親要素のフォントの下端に揃えます。
length	要素を指定した高さだけ上げ下げします。負の値も指定できます。
%	この要素を "line-height" プロパティのパーセンテージ値を使用して配置します。負の値を使用できます。
inherit	親要素から vertical-align プロパティの値を継承することを指定します。

CSS チュートリアル：CSS テキスト

その他の拡張