文字の高さを揃える

vertical-align

vertical-align:値 ;

CSSの詳細情報
プロパティ名	vertical-align	読み方	ヴァーティカル・アライン
初期値	baseline/0	意味	縦方向文字揃え
値	baseline/top/middle/bottom/super/sub/text-top/text-bottom/サイズ
対象	インライン要素
CSSレベル	CSSレベル1	対応ブラウザ	Windows	MAC
継承	しない	対応ブラウザ	IE 5.0以上/FF1.0/NS7.1/OP8.0	SF/IE5.0

縦方向を文字揃えを調節するプロパティです。

例えば、文字の大きさの異なる文字や、英字と漢字など、文字の高さが異なる文字が含まれる文章の文字揃えを縦方向に調整します。

「baseline」など、予め決まっているキーワードとサイズによる数値指定が可能です。

この「vertical-align」プロパティの初期値はベースラインです。

ベースラインとは、アルファベット字体の底辺の位置のことを指します。

通常「baseline」のようにアルファベットはこのベースラインを基本として文字が揃えられます。

「vertical-align」プロパティで指定できるキーワードは以下の表のようになります。

数値による指定は、ピクセルやパーセントで指定できます。

基準となる位置は初期値のベースラインで、正（プラス）の値を入れれば、上方向にずれ、負（マイナス）の値を挿入すると、下方向にずれます。

パーセントで指定する場合、ベースラインは「0%」です。

パーセントは正の値で記入します。

また、パーセントは相対的な数字ですから、基準となる長さは「line-height」プロパティの設定値になります。

上で挙げたキーワードや数値による指定が、すべてのWEBブラウザで対応してるわけではありません。

各ブラウザの対応状況については以下の表を参照してください。

値	IE5.0	IE5.5	IE6.0	NS7.1	FF1.0	OP8.0	SF	MAC IE5.0
baseline	○	○	○	○	○	○	○	○
top	×	○	○	○	○	○	○	○
middle	×	○	○	×	×	×	○	×
bottom	×	○	○	○	○	○	○	○
super	○	○	○	○	○	○	○	○
sub	×	○	○	○	○	○	○	○
text-top	×	○	○	×	×	×	○	×
text-bottom	×	○	○	×	×	×	○	×
数値	×	×	○	○	○	○	○	○