初心者のスタイルシート(CSS)講座：文字の垂直位置
・vertical-align
文字の縦位置を指定する
【文字の垂直位置を指定する方法】
vertical-align:キーワード
vertical-align:サイズを表す数値+単位
vertical-align:数値+％
【キーワード】
baseline・・・ベースラインに揃える(初期設定)
super・・・・上付き文字にする
sub・・・・・下付き文字にする
top・・・・・上に揃える
middle・・・・中に揃える
bottom・・・・下に揃える
【数値+単位】
サイズを表す数値+単位・・・親要素のベースラインを基準として、そこからの垂直位置を単位付きの数値で設定します。正の値で上に負の値で下に移動します。
数値+％・・・・・・・・・・親要素のベースラインを基準として、そこからの垂直位置をline-heightプロパティで設定された高さに対する割合で指定します。正の値で上に、負の値で下に移動します
| em | その要素のfont-sizeの値を１とする |
|---|---|
| ex | その要素のx-height(小文字のxの高さ）を１とする |
| px | コンピュータ画面の１ピクセルを１とする |
| % | 属性によって異なるが、多くの場合は親要素の１部分を基準とした割合 |
| in | インチ（1pt=2.54cm） |
| cm | センチメートル |
| mm | ミリメートル |
| pt | ポイント（1pt=1/72in） |
| pc | パイカ（1pc=12pt） |