स्टाइल zIndex गुण

परिभाषा और उपयोग

zIndex लोकेशन करने वाले एलिमेंट के स्टेकिंग क्रम को सेट करने या वापस करने वाला गुण。

बड़े स्टेकिंग क्रम (1) वाला एलिमेंट हमेशा छोटे स्टेकिंग क्रम (0) वाले दूसरे एलिमेंट से पहले होता है।

सूचना:लोकेशन करने वाला एलिमेंट पोजिशन गुण सेट करें:रेलेटिवएब्सोल्यूट या फ़िक्सेड के एलिमेंट

सूचना:यदि आप ओवरलैपिंग एलिमेंट बनाना चाहते हैं, तो यह गुण काफी उपयोगी है।

अन्य संदर्भ देखें:

CSS शिक्षा कोर्स:CSS स्थाननिर्धारण

CSS संदर्भ निर्देशिका:z-index गुण

उदाहरण

उदाहरण 1

<img> एलिमेंट के स्टेकिंग क्रम को बदलें:

document.getElementById("img1").style.zIndex = "1";

अपने आप से प्रयोग करें

उदाहरण 2

<div> एलिमेंट के z-index गुण मूल्य को बदलें:

document.getElementById("myDIV").style.zIndex = "-1";

अपने आप से प्रयोग करें

उदाहरण 3

<img> एलिमेंट के z-index गुण मूल्य वापस करें:

alert(document.getElementById("img1").style.zIndex);

अपने आप से प्रयोग करें

व्याकरण

zIndex गुण वापस करें:

ऑब्जैक्ट.style.zIndex

zIndex गुण सेट करें:

ऑब्जैक्ट.style.zIndex = "auto|संख्या|इनिशियल|इनहेरिट"

गुण मूल्य

मूल्य वर्णन
ऑटो ब्राउज़र एलिमेंट के स्टेकिंग क्रम को निर्धारित करता है (दस्तावेज़ में उसके क्रम के आधार पर)। डिफ़ॉल्ट।
संख्या एलिमेंट के स्टेकिंग क्रम को परिभाषित करने वाला पूर्णांक। नकारात्मक मूल्य भी अनुमति है。
इनिशियल इस गुण को उसके डिफ़ॉल्ट मूल्य पर सेट करें। देखें इनिशियल
इनहेरिट इस गुण को उसके पिता एलिमेंट से इनहेरिट करें। देखें इनहेरिट

तकनीकी विवरण

डिफ़ॉल्ट मूल्य: ऑटो
वापसी मूल्य: शब्द, जो एलिमेंट के स्टेकिंग क्रम को प्रदर्शित करता है。
CSS संस्करण: CSS2

ब्राउज़र समर्थन

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
समर्थन समर्थन समर्थन समर्थन समर्थन