「vertical-align」プロパティは、インライン要素のみに指定可能で、親要素に対する相対位置を指定する場合もあります。このプロパティにより、上下位置の調整が可能です。
割合指定した場合、その要素の行間(line-height)に対する割合分だけベースラインを上げます。負の指定をした場合は逆に下に下げます。ベースラインを持たない要素(例えば画像など)の上下位置の関係を緻密に設定することも可能です。
値 | 説明 | 例 |
---|---|---|
baseline | 親要素とベースラインを合わせる | baseline;標準 |
sub | 下付き文字 | H2O |
super | 上付き文字 | cm3 |
top | 上位置をその行の最も高い要素の上に合わせる | |
text-top | 上位置を親要素の上に合わせる | |
middle | 中央を親要素の小文字の中央と合わせる | |
bottom | 下位置(ベースライン)を親要素の下(ベースライン)に合わせる | |
text-bottom | 下位置(ベースライン)をその行の最も低い要素の下(ベースライン)に合わせる | |
n% | 要素の行間(line-height)に対する割合 | H2O |