vertical-align
垂直方向の表示位置

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
適用対象
継承 継承しない
初期値 baseline
メディア
  • visual

行内における垂直方向の揃え方を指定するプロパティです。


vertical-align: top;

プロパティの値
プロパティ名 説明
vertical-align baseline 指定要素のベースラインと、親要素のベースラインを揃える (初期値)
top 指定要素の上端と、行の上端を揃える
middle 指定要素の中心と、親要素のx文字の中心を揃える
bottom 指定要素の下端と、行の下端を揃える
text-top 指定要素の上端と、親要素のフォントの上端を揃える (表のセルでは無効)
text-bottom 指定要素の下端と、親要素のフォントの下端を揃える (表のセルでは無効)
super 上付き文字 (表のセルでは無効)
sub 下付き文字 (表のセルでは無効)
長さ、% 数値+単位(px 等)またはパーセント(正の値は上方向、負の値は下方向に移動)
  • text-top text-bottom super subの指定は、表のセルでは無効となります。(ベースラインで揃えられてしまいます)
  • 数値+単位%の指定は、baselineが基準の位置となります。
  • %の指定は、行の高さ(line-height)に対する割合となります。(SafariとChromeは、他のブラウザとは異なる表示結果になってしまうようです)
このプロパティに関連する目的別リファレンス
画像に並ぶテキストの位置(垂直方向)を指定する
インラインフレームに並ぶテキストの位置(垂直方向)を指定する
セル内の文字の位置を指定する
上付文字と下付文字