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 शैली तत्व