CSS ::after नकली तत्व

रोज़ा और उपयोग

CSS ::after इस प्रतीक के बाद कुछ सामग्री जोड़ने के लिए उपयोग किया जाता है।

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

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

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

उपयोग ::before विशेष एलिमेंट के सामग्री के पहले कुछ सामग्री जोड़ें।

उदाहरण

उदाहरण 1

एक <p> एलिमेंट के सामग्री के बाद एक स्ट्रिंग जोड़ें:

p::after {
  content: " - यह याद रखें";
}

अपने आप साबित करें

उदाहरण 2

एक <p> एलिमेंट के सामग्री के बाद एक स्ट्रिंग जोड़ें और जोड़े गए सामग्री के शैली को सेट करें:

p::after {
  content: " - यह याद रखें";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

अपने आप साबित करें

CSS व्याकरण

::after {
  css declarations;
}

तकनीकी विवरण

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

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

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

तस्करी:CSS 伪元素

संदर्भ:CSS ::before नकली तत्व