:: मार्कर - सीएसएस-ट्रिक्स

Anonim

::marker छद्म तत्व एक सूची तत्व की शैलीगत मार्कर स्टाइलिंग के लिए है। उदाहरण के लिए, एक डिफ़ॉल्ट का बुलेट बिंदु

    (उदा। •) या डिफॉल्ट का अंक
      (जैसे 1.)। इससे उन्हें रंग-बिरंगी सरल चीजें करना बेहद आसान हो जाता है।

      एक छद्म तत्व की तरह, आप ::markerनिरीक्षण करने के लिए DevTools में चयन करने में सक्षम होंगे , लेकिन यह सामान्य तत्व की तरह वास्तव में "DOM" में नहीं है।

      क्रोम DevTools ::markerछद्म तत्व का चयन और शैलियों दिखा रहा है।

      आप मार्कर को बदलने के ::markerलिए contentसंपत्ति के साथ जोड़ सकते हैं । उदाहरण के लिए, इमोजी के साथ सूची की गोलियों की जगह:

      यदि आप किसी भी तत्व पर display संपत्ति बदलते हैं list-item, तो आप इसे नियंत्रित कर सकते हैं ::marker। यहाँ

      तत्व गिने जाते हैं, जो सीएसएस काउंटर के विचार को जोड़ती है:

      मार्कर अभी भी सूची के मार्कर हैं, इसलिए जैसी चीजों के अधीन हैं list-style-position

      सम्बंधित

      5 मई, 2020 को अनुच्छेद

      सूची शैली व्यंजनों

      क्रिस कॉयर

      अधिक जानकारी

      • कल्पना

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

      यह ब्राउज़र सपोर्ट डेटा Caniuse का है, जिसमें अधिक विवरण हैं। एक संख्या इंगित करती है कि ब्राउज़र उस संस्करण और ऊपर की सुविधा का समर्थन करता है।

      डेस्कटॉप

      क्रोम फ़ायर्फ़ॉक्स अर्थात एज सफारी
      86. है ६ 68 नहीं न 86. है 11.1

      मोबाइल / टेबलेट

      Android क्रोम Android फ़ायरफ़ॉक्स एंड्रॉयड iOS सफारी
      88 .५ 81 11.3-11.4