CSS ::marker फ़ॉन्ट एलीमेंट

विवरण और उपयोग

CSS ::marker फ़ॉन्ट एलीमेंट को सूची आइट मार्कर के शैली सेट करने के लिए इस्तेमाल किया जाता है।

यह फ़ॉन्ट एलीमेंट किसी भी display: list-item सेट किए गए एलीमेंट के लिए उपयोगी है।

ध्यान दें:निम्नलिखित गुणों के साथ इस्तेमाल किए जा सकते हैं: ::marker साथ मिलकर इस्तेमाल करें:

• सभी फ़ॉन्ट गुण
• सभी एनिमेशन गुण
• सभी ट्रांसीशन गुण
• रंग
• white-space
• content
• text-combine-upright
• unicode-bidi
• दिशा

उदाहरण

उदाहरण 1

सभी आइट मार्कर को रंग और फ़ॉन्ट-साइज सेट करें:

::marker {
  फ़ॉन्ट-साइज: 20पाइक्स;
  रंग: लाल;
}

अपने आप प्रयोग करें

उदाहरण 2

<ul> सूची के आइट मार्कर को सामग्री, रंग और फ़ॉन्ट-साइज सेट करें:

ul li::marker {
  कंटेंट: "@ ";
  रंग: पिंक;
  फ़ॉन्ट-साइज: 25पाइक्स;
}

अपने आप प्रयोग करें

उदाहरण 3

<h2> एलीमेंट को डिस्प्ले: लिस्ट-आइट सेट करें और सूची आइट मार्कर को सामग्री और रंग सेट करें:

h2 {
  काउंटर-इनक्रीमेंट: h2;
  डिस्प्ले: लिस्ट-आइट;
}
h2::marker {
  डिस्प्ले: लिस्ट-आइट;
  कंटेंट: "@" काउंटर(h2) " ";
  रंग: लाइटग्रीन;
}
बॉडी {
  काउंटर-रीसेट: h2;
  फ़ॉन्ट-फैमिली: वर्डेना;
  मार्गिन: 50पाइक्स;
}

अपने आप प्रयोग करें

CSS व्याकरण

::marker {
  साइट घोषणाएँ;
}

तकनीकी विवरण

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

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

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

तूतिका：CSS फ़ॉन्ट-एलीमेंट