Subject   : スタイルシートの vertical-alignプロパティ

カテゴリー  : Home page > スタイルシート


 vertical-alignプロパティ と値

「vertical-align」プロパティは、インライン要素のみに指定可能で、親要素に対する相対位置を指定する場合もあります。このプロパティにより、上下位置の調整が可能です。
割合指定した場合、その要素の行間(line-height)に対する割合分だけベースラインを上げます。負の指定をした場合は逆に下に下げます。ベースラインを持たない要素(例えば画像など)の上下位置の関係を緻密に設定することも可能です。

説明
baseline 親要素とベースラインを合わせる baseline;標準
sub 下付き文字 H2O
super 上付き文字 cm3
top 上位置をその行の最も高い要素の上に合わせる
text-top 上位置を親要素の上に合わせる
middle 中央を親要素の小文字の中央と合わせる
bottom 下位置(ベースライン)を親要素の下(ベースライン)に合わせる
text-bottom 下位置(ベースライン)をその行の最も低い要素の下(ベースライン)に合わせる
n% 要素の行間(line-height)に対する割合 H2O

 ■ 使用例
SPAN { vertical-align : -20%; } /*下付き文字*/
IMG.middle { vertical-align: middle }


   ⇒ スタイルシート CSSのプロパティ

[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]