定義と使用法
垂直-alignプロパティは、要素の垂直方向の配置を設定します。
デフォルト値: | baseline |
---|---|
継承されました: | no |
アニメーション: | yes. Read about animatable Try it |
バージョン: | CSS1 |
JavaScriptシンタックス: | object .style.verticalAlign="top" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
vertical-align | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSSの構文
vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
baseline | 親要素のベースラインを持つ要素のベースラインを揃えます。 これがデフォルトです | それを再生します» |
length | 発生させ、または指定された長さによって要素を下げます。 負の値は許可されています | それを再生します» |
% | 発生させたりのパーセントで要素を下げ"line-height"プロパティ。 負の値は許可されています | それを再生します» |
sub | それは添え字であるかのように要素を整列 | それを再生します» |
super | それは上付き文字であるかのように要素を整列 | それを再生します» |
top | 素子の上面は、ライン上の最も背の高い要素の上端と整列しています | それを再生します» |
text-top | 要素のトップは、親要素のフォントのトップに整列されます | それを再生します» |
middle | 要素は、親要素の中央に配置されています | それを再生します» |
bottom | 要素の底部は、ライン上で最も低い要素と整列されます | それを再生します» |
text-bottom | 要素の底部は、親要素のフォントの底部と整列されます | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル: CSSテキスト
HTML DOMリファレンス: verticalAlign property