होम·CSS प्रॉपर्टी

z-index

स्थिति

ऊपर कौन रहे, यह तय करता है; तुलना एक ही स्टैकिंग संदर्भ में होती है।

कैसे लिखेंz-index: auto;
सामान्य मानauto, 0, 10, -1
विरासतनहीं — यहीं रुक जाती है
श्रेणीस्थिति

कैसे पढ़ें

  • विरासत में जाने वाली प्रॉपर्टी मूल तत्व पर एक बार लिखें — सभी बच्चे उसे पा लेते हैं। पाठ की अधिकांश प्रॉपर्टी ऐसी ही हैं।
  • शॉर्टहैंड छोड़े गए मान रीसेट कर देता है। सिर्फ़ background: red लिखने पर पहले लगाई पृष्ठभूमि छवि भी मिट जाती है।
  • नियम टकराएँ तो अधिक विशिष्ट सिलेक्टर जीतता है; विशिष्टता बराबर हो तभी क्रम तय करता है।
  • सहजता के लिए transform और opacity एनिमेट करें। width या top बदलने पर लेआउट दोबारा गणना करनी पड़ती है।

अक्सर पूछे जाने वाले सवाल

Q. CSS z-index प्रॉपर्टी क्या है?

ऊपर कौन रहे, यह तय करता है; तुलना एक ही स्टैकिंग संदर्भ में होती है।

Q. z-index कैसे लिखें?

इस तरह: z-index: auto; सामान्य मान: auto, 0, 10, -1।

Q. क्या z-index विरासत में जाती है?

नहीं। यह वहीं लागू होती है जहाँ लिखी जाए, इसलिए हर तत्व के लिए अलग लिखनी पड़ती है।

Q. z-index किस समूह की है?

स्थिति समूह की।

उसी समूह की प्रॉपर्टी

संदर्भ दस्तावेज़