CSS इसोलेशन प्रकृति
- पिछला पृष्ठ inset-inline-start
- अगला पृष्ठ justify-content
परिभाषा और उपयोग
isolation गुण एलिमेंट को नए स्टैकिंग कंटेक्स्ट का निर्माण करने की आवश्यकता को परिभाषित करता है।
सुझाव:background-blend-mode या mix-blend-mode के साथ इस्तेमाल करने पर isolation गुण काफी उपयोगी है।
और देखें:
HTML DOM संदर्भ दस्तावेज़:isolation गुण
उदाहरण
id="e" के एलिमेंट के लिए नए स्टैकिंग कंटेक्स्ट का निर्माण करें:
#e {
isolation: isolate;
}
CSS व्याकरण
isolation: auto|isolate|initial|inherit;
गुण मान
| मान | वर्णन |
|---|---|
| auto | मूलभूत। केवल तब नए स्टैकिंग कंटेक्स्ट का निर्माण किया जाता है जब एलिमेंट पर एक गुण को इसकी आवश्यकता हो। |
| isolate | नए स्टैकिंग कंटेक्स्ट का निर्माण करना आवश्यक है。 |
| initial | इस गुण को उसके मूलभूत मान पर सेट करें। देखें initial。 |
| inherit | इस गुण को उसके पिता एलिमेंट से विरासत करें। देखें inherit。 |
तकनीकी विवरण
| मूलभूत मान: | auto |
|---|---|
| विरासत: | नहीं |
| एनिमेशन निर्माण: | समर्थन नहीं है। देखें:एनिमेशन संबंधी गुण。 |
| संस्करण： | CSS3 |
| JavaScript व्याकरण： | object.style.isolation="isolate" |
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इस गुण के प्रथम समर्थक ब्राउज़र का संस्करण को सूचित करते हैं。
| च्रोम | IE / एज | फायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|
| 41.0 | 79.0 | 36.0 | हाँ | 30.0 |
- पिछला पृष्ठ inset-inline-start
- अगला पृष्ठ justify-content
