सीएसएस फूलएलमेंट रेफरेंस मैनुअल

CSS अभूतपूर्व एलीमेंट

CSS अभूतपूर्व एलीमेंट को एलीमेंट के विशेष हिस्से की शैली को सेट करने के लिए प्रयोग किया जाता है।

उदाहरण में, यह इस प्रकार उपयोग में आ सकता है:

  • एलीमेंट के पहले अक्षर या पहले लाइन की शैली को सेट करता है
  • एलीमेंट के सामग्री के पहले या बाद में अवयव को जोड़ता है
  • सूची आइटम टैग की शैली को सेट करता है
  • डायलॉग बैकग्राउंड व्यू के शैली को सेट करता है

देखें, नीचे दी गई सारणी में CSS में विभिन्न अभूतपूर्व एलीमेंट:

अभूतपूर्व एलीमेंट उदाहरण उदाहरण वर्णन
::after p::after निर्दिष्ट एलीमेंट के भीतरी सामग्री के बाद अवयव को जोड़ता है।
::backdrop dialog::backdrop डायलॉग या एक्सिपोज़ सामग्री के बैकग्राउंड व्यू के शैली को सेट करता है।
::before p::before निर्दिष्ट एलीमेंट के भीतरी सामग्री के पहले अवयव को जोड़ता है।
::file-selector-button ::file-selector-button टाइप वाले <input type="file"> बटन को चुनता है।
::first-letter p::first-letter प्रत्येक <p> एलीमेंट के पहले अक्षर को चुनता है।
::first-line p::first-line प्रत्येक <p> एलीमेंट के पहले लाइन को चुनता है।
::grammar-error ::grammar-error ब्राउज़र टैग को वर्तमान में गलत व्याकरण के टेक्स्ट के शैली को सेट करता है।
::highlight() ::highlight(custom-name) अनुकूलित बाल शैली को चुनता है।
::marker ::marker सूची आइटम के टैग को चुनता है।
::placeholder input::placeholder <input> या <textarea> एलीमेंट के प्लेसहोल्डर टेक्स्ट की शैली को सेट करता है।
::selection ::selection उपयोगकर्ता द्वारा चुने गए टेक्स्ट की शैली को सेट करता है।
::spelling-error ::spelling-error ब्राउज़र टैग को वर्तमान में गलत लिखी गई टेक्स्ट के शैली को सेट करता है।
::view-transition ::view-transition दर्शक ट्रांजिशन के ओवरले के ज़रूरी अवयव को प्रदर्शित करता है, जो पृष्ठ पर सभी दर्शक ट्रांजिशन को शामिल करता है।
::view-transition-group ::view-transition-group एक दर्शक ट्रांजिशन की स्नापशॉट समूह को प्रदर्शित करता है।
::view-transition-image-pair ::view-transition-image-pair दर्शक ट्रांजिशन के 'कल्पना' और 'नया' दर्शक के स्थिति के अवयव (ट्रांजिशन के पहले और बाद में)।
::view-transition-new ::view-transition-new दृश्य पारस्परिकता को प्रस्तुत करने वाले 'नए' दृश्य की स्थिति।
::view-transition-old ::view-transition-old दृश्य पारस्परिकता को प्रस्तुत करने वाले 'पुराने' दृश्य की स्थिति。