स्टाइल zIndex गुण
- पिछला पृष्ठ widows
- अगला पृष्ठ alignContent
- एक स्तर ऊपर वापस एचटीएमएल डॉम स्टाइल ऑब्जैक्ट
परिभाषा और उपयोग
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 |
समर्थन | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ widows
- अगला पृष्ठ alignContent
- एक स्तर ऊपर वापस एचटीएमएल डॉम स्टाइल ऑब्जैक्ट