CSS ::before नकली एलीमेंट

परिभाषा और उपयोग

CSS ::before नकली एलीमेंट इस तरह के सामग्री को निर्दिष्ट एलीमेंट के सामग्री के पहले घुसाने के लिए उपयोग किए जाते हैं。

उपयोग content गुणवैधता निर्दिष्ट करती है कि क्या सामग्री घुसाए जाएगी। content का मूल्य हो सकता है:

• स्ट्रिंग: content: "Hello world!";
• चित्र: content: url(myimage.jpg);
• बिना सामग्री: content: none;
• गणना: content: counter(li);
• अभिव्यक्ति: content: open-quote;
• गुणवैधता: content: " (" attr(href) ")";

सूचना:ध्यान दें कि घुसाए गए सामग्री अभी भी निर्दिष्ट एलीमेंट के अंदर है। घुसाए गए सामग्री एलीमेंट के अन्य सामग्री से पहले जोड़ी जाएंगी。

उपयोग ::after विशेष एलीमेंट के सामग्री के बाद कुछ सामग्री घुसाएं。

उदाहरण

उदाहरण 1

एक <p> एलीमेंट के सामग्री के पहले एक स्ट्रिंग घुसाएं:

p::before {
  content: "Read this: ";
}

स्वयं आज्ञा करें

उदाहरण 2

एक <p> एलीमेंट के सामग्री के पहले एक स्ट्रिंग घुसाएं और घुसाए गए सामग्री के शैली को सेट करें:

p::before {
  content: "Read this -";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

स्वयं आज्ञा करें

CSS व्याकरण

::before {
  css declarations;
}

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में वाले नंबर इस नकली एलीमेंट के पूर्ण समर्थन वाले पहले ब्राउज़र संस्करण को सूचित करते हैं。

संबंधित पृष्ठ

तस्वीरीयाँ:CSS नकली एलीमेंट

संदर्भ:CSS ::after नकली एलीमेंट