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

Style position Property

<スタイルオブジェクト

例

位置変更<div>絶対に相対から要素を：

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

定義と使用法

位置プロパティセットまたは要素に使用される位置決め方法のタイプを返し(static, relative, absolute or fixed) 。

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

構文

positionプロパティを返します：

object .style.position

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

object .style.position="static|absolute|fixed|relative|initial|inherit"

プロパティ値

値 説明
static 彼らは、ドキュメントフローに表示される要素は、順番にレンダリングします。 これがデフォルトです。
absolute 要素は、その最初の配置に対して配置されている(not static)祖先要素
fixed 要素は、ブラウザウィンドウに対して位置決めされます
relative 要素は、その通常の位置に位置決めするのでれる"left:20"要素の左の位置に20個のピクセルを追加し
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値： 静的
戻り値： 要素の位置の種類を表す文字列、
CSSのバージョン CSS2

その他の例

例

異なった位置の種類を使用します：

function myFunction(x)  {
    var whichSelected = x.selectedIndex;
    var posVal = x.options[whichSelected].text;
    var elem = document.getElementById("myDiv");
    elem.style.position=posVal;
}
»それを自分で試してみてください

例

位置を返します<h2>要素を：

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

関連ページ

CSSチュートリアル： CSSのポジショニング

CSSリファレンス： position property

<スタイルオブジェクト