CSS ::backdrop फॉल्सबॉक्स
- पिछला पृष्ठ ::after
- अगला पृष्ठ ::before
- एक स्तर ऊपर सीएसएस प्रतीक रेफरेंस मैनुअल
विवरण और उपयोग
CSS ::backdrop
फॉल्सबॉक्स इसके लिए डायलॉग या पैपअप इलेक्ट्रॉन के पीछे के दृश्य बॉक्स की शैली निर्धारित करते हैं。
उदाहरण
उदाहरण 1
डायलॉग के पीछे के दृश्य बॉक्स की शैली निर्धारित करें:
dialog::backdrop { background-color: lightgreen; }
उदाहरण 2
ग्रेडिएंट के द्वारा डायलॉग के पीछे के दृश्य बॉक्स की शैली निर्धारित करने के लिए उपयोग करें:
dialog::backdrop { background-color: #1fc8db; /* ग्रेडिएंट का समर्थन नहीं करने वाले ब्राउज़रों के लिए */ background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%); opacity:0.75; }
CSS व्याकरण
::backdrop { css निर्देश; }
तकनीकी विवरण
संस्करण: | CSS पोजीशनल लेआउट मॉड्यूल लेवल 4 |
---|
ब्राउज़र समर्थन
तालिका में दिए गए नंबर इसके लिए पूर्णता समर्थन वाले पहले ब्राउज़र संस्करण को निर्दिष्ट करते हैं。
च्रोम | एज | फायरफॉक्स | सफारी | ओपेरा |
---|---|---|---|---|
37 | 79 | 47 | 15.4 | 24 |
संबंधित पृष्ठ
शिक्षा:CSS नकली तत्व
- पिछला पृष्ठ ::after
- अगला पृष्ठ ::before
- एक स्तर ऊपर सीएसएस प्रतीक रेफरेंस मैनुअल