CSS ::backdrop फॉल्सबॉक्स

विवरण और उपयोग

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 नकली तत्व