CSS ::before फर्जी एलिमेंट

विवरण और इस्तेमाल

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

इस्तेमाल करें content प्रभावी मान निर्दिष्ट करें: content: " (" attr(href) ")";

• स्ट्रिंग: 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 फर्जी एलिमेंट