vertical-align プロパティは、要素の縦位置揃えを設定します。
| デフォルト値： | baseline |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 可。animatable を参照 Try it |
| バージョン： | CSS1 |
| JavaScript 構文： | object.style.verticalAlign="top" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
| プロパティ | |||||
|---|---|---|---|---|---|
| vertical-align | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;
| 値 | 説明 | Play it |
|---|---|---|
| baseline | 要素のベースラインを親要素のベースラインに揃えます。これがデフォルトです | Play it ❯ |
| length | 指定した length により要素を上げ下げします。負の値が使用できます | Play it ❯ |
| % | "line-height" プロパティの割合で、要素を上げ下げします。負の値が使用できます | Play it ❯ |
| sub | 要素のベースラインを親要素の下付き文字の位置に揃えます | Play it ❯ |
| super | 要素のベースラインを親要素の上付き文字の位置に揃えます | Play it ❯ |
| top | 要素の上端を、行の最も高い要素の上端に揃えて配置します | Play it ❯ |
| text-top | 要素の上端を、親要素のフォントの上端に揃えて配置します | Play it ❯ |
| middle | 要素を、親要素の中央に配置します | Play it ❯ |
| bottom | 要素の下端を、行中の最も低い要素の下端に揃えます | Play it ❯ |
| text-bottom | 要素の下端を、親要素のフォントの下端に揃えて配置します | Play it ❯ |
| initial | プロパティにデフォルト値を設定します。initial を参照 | Play it ❯ |
| inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS チュートリアル： CSS Text
HTML DOM リファレンス：verticalAlign プロパティ