CSS 参考手册

CSS @规则(RULES)

vertical-align CSS属性で制御されますインラインレベルの要素（通常はテキストと画像）が生成するボックスは、ブロックレベルボックス内のテキストのベースラインまたは一行のテーブルセルの垂直アライメント

以下のテーブルは、この属性の使用方法とバージョンハイストリと、javascriptスクリプトでの属性の使用文法を示しています。

デフォルト値：	baseline
適用範囲：	インラインレベルおよびテーブルセル要素
継承：	ありません
アニメーション可能：	は。参照してください。アニメーション属性。
バージョン：	CSS 1、2、3
JavaScript文法：	object.style.verticalAlign="middle"

この属性の構文は以下の通りです：

vertical-align:　baseline　|　sub　|　super　|　top　|　text-top　|　middle　|　bottom　|　text-bottom　|　length　|　percentage　|　initial　|　inherit

以下の例では、vertical-align属性。

例

　　img　{
　　　vertical-align:　middle;
　　}
　　span　{
　　　vertical-align:　super;
　　}

以下の表はこの属性の値を説明しています。

値	説明
baseline	要素のボックスのベースラインを親ボックスのベースラインにアライメントします。
sub	要素のベースラインを親要素のボックスの下標の場所に適切な高さに下げます。
super	要素のベースラインを親要素のボックスの上標の場所に適切な高さに上げます。
top	要素の顶部およびその子孫をボックスの顶部にアライメントします。
text-top	要素の顶部を親要素のフォントの顶部にアライメントします。
middle	要素の中心を親要素のベースラインから高くする。x-height半分のポイントアライメント。
bottom	要素の底部およびその子孫をボックスの底部にアライメントします。
text-bottom	要素の底部を親要素のフォントの底部にアライメントします。
length	px、pt、cm、emなどの単位で指定されます。長さ値は親要素のベースラインにこの距離を増加（正の値）または減少（負の値）します。値0pxはベースラインと同じです。
percentage	この距離（line-heightのパーセンテージ）。値0％はベースラインと同じです。。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のvertical-alignの属性値。

vertical-align属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

以下のチュートリアルを参照してください：CSS アライメント。