最新のWeb開発のチュートリアル
 

Style verticalAlign Property

<スタイルオブジェクト

テーブルの中にいくつかのテキストの垂直方向の配置を設定し"bottom"

document.getElementById("myTd").style.verticalAlign = "bottom";
»それを自分で試してみてください

定義と使用法

verticalAlignプロパティセットまたは要素のコンテンツの垂直方向の配置を返します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

verticalAlignプロパティは、すべての主要なブラウザでサポートされています。


構文

verticalAlignプロパティを返します:

object .style.verticalAlign

verticalAlignプロパティを設定します。

object .style.verticalAlign= プロパティ値
説明
length 発生させ又は指定された長さによって素子を下げます。 負の値は許可されています
% 上げるまたはパーセントで要素を下げ"line-height"プロパティ。 負の値は許可されています
baseline 親要素のベースラインを持つ要素のベースラインを揃えます。 これがデフォルトです
sub それは添字たとして要素を揃え
super それは上付き文字だったとして要素を揃え
top 要素のトップは、ライン上で最も背の高い要素の上に整列されます
text-top 要素のトップは、親要素のフォントの上端と整列しています
middle 要素は親要素の中央に配置されます
bottom 要素の底部は、ライン上の最小要素と整列されます
text-bottom 要素の底部は、親要素のフォントの下端に整列されます
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: ベースライン
戻り値: 要素のコンテンツの垂直方向の配置を表す文字列、
CSSのバージョン CSS1

その他の例

垂直方向の配置を返します<td>要素を:

alert(document.getElementById("myTd").style.verticalAlign);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSSテキスト

CSSリファレンス: 垂直-alignプロパティ


<スタイルオブジェクト