The Web Design Group

垂直配置(Vertical Alignment)


構文: vertical-align: <value>
取りえる値: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <percentage>
初期値: baseline
適用: インライン要素
継承: 無し

vertical-alignプロパティーはインライン要素の垂直方向配置を、親要素乃至は要素の行に相対的に、変えるのに使われます。( インライン要素はその前後に強制改行がないもので、例えばHTMLの EMAそしてIMGです。)

値は、要素の line-heightプロパティーに相対的なpercentageで、親基準線の上に特定されたものに要素の基準線を持ち上げます。マイナス値も許されます。

値はキーワードのこともありえます。以下のキーワードは親要素に相対的な位置に影響を及ぼします:

要素の行に相対的な位置に影響を及ぼすキーワードは以下のものがあります。

vertical-alignプロパティーは画像配置用に特に有用です。以下のような例です:

IMG.middle { vertical-align: middle }
IMG        { vertical-align: 50% }
.exponent  { vertical-align: super }

Maintained by John PozadzidesLiam Quinn


Web Design Group ‾ CSSインデックスCSS構造CSSプロパティー

Copyright © 1997 John Pozadzides and Liam Quinn. All rights reserved.