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

Style zIndex Property

<スタイルオブジェクト

スタック順序の変更<img>要素を:

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

定義と使用法

ZIndexプロパティセットまたは配置要素のスタック順序を返します。

大きなスタック順序素子(1)下側のスタック順序で常に別の要素の前にある(0)

Tip: 、相対絶対、または固定:位置決め要素は、に設定された位置プロパティを持つ要素です。

Tip:あなたは、重複要素を作成したい場合は、このプロパティは便利です。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


構文

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

object .style.zIndex

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

object .style.zIndex="auto| プロパティ値
説明
auto ブラウザは、(文書内の順序に基づいて)要素のスタック順序を決定します。 これがデフォルトです
number 要素のスタック順序を定義する整数。 負の値は許可されています
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: オート
戻り値: 要素のスタック順序を表す文字列、
CSSのバージョン CSS2

その他の例

Z-indexプロパティの値が変更<div>要素を:

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

Z-indexプロパティの値を返します<img>要素を:

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

関連ページ

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

CSSリファレンス: z-index property


<スタイルオブジェクト