Skip to main content
FreeToolkit .ai

सीएसएस काउंटर जनरेटर विभिन्न शैलियों और नेस्टिंग के साथ कस्टम संख्यांकित सूचियों के लिए सीएसएस काउंटर उत्पन्न करें।

सीएसएस काउंटर जनरेटर illustration
🎨

सीएसएस काउंटर जनरेटर

विभिन्न शैलियों और नेस्टिंग के साथ कस्टम संख्यांकित सूचियों के लिए सीएसएस काउंटर उत्पन्न करें।

1

काउंटर कॉन्फ़िगर करें

काउंटर नाम, शैली (दशमलव, रोमन, वर्णानुक्रम), पूर्वसर्ग और परसर्ग सेट करें।

2

नेस्टिंग को सक्षम करें

वैकल्पिक रूप से कस्टम सेपरेटर अक्षरों के साथ नेस्टेड काउंटर्स को सक्षम करें।

3

सीएसएस कॉपी करें

संख्यांकित सूची का पूर्वावलोकन करें और पूर्ण काउंटर सीएसएस कॉपी करें।

Loading tool...

What Is सीएसएस काउंटर जनरेटर?

सीएसएस काउंटर जनरेटर सीएसएस काउंटर-रीसेट, काउंटर-इंक्रीमेंट और कंटेंट प्रॉपर्टीज़ का उपयोग करके कस्टम नंबर्ड लिस्ट बनाता है। सीएसएस काउंटर्स मानक <ol> लिस्ट नंबरिंग की तुलना में अधिक लचीलापन प्रदान करते हैं, जो विभिन्न नंबरिंग शैलियों, कस्टम प्रीफ़िक्स और सuffixes, नेस्टेड नंबरिंग और लिस्ट-स्टाइल-टाइप के स्वतंत्र स्टाइलिंग का समर्थन करते हैं। यह टूल आपको काउंटर नाम कॉन्फ़िगर करने, दस नंबरिंग शैलियों (दशमलव, अग्रणी शून्य दशमलव, निचला/ऊपरी अल्फ़ाबेटिक, निचला/ऊपरी रोमन, ग्रीक और अधिक) में से चुनने, कस्टम प्रीफ़िक्स और सuffix टेक्स्ट सेट करने और वैकल्पिक रूप से एक कॉन्फ़िगरेबल सेपरेटर के साथ नेस्टेड काउंटर्स को सक्षम करने देता है। पूर्वावलोकन एक नमूना लिस्ट पर काउंटर लगाने के साथ दिखाता है, और उत्पन्न सीएसएस में सभी आवश्यक काउंटर गुण शामिल हैं।

Why Use सीएसएस काउंटर जनरेटर?

  • दशमलव, रोमन और वर्णानुक्रम सहित दस नंबरिंग शैलियाँ
  • कस्टम प्रीफिक्स और परसर्ग टेक्स्ट काउंटर मूल्यों के चारों ओर
  • कॉन्फ़िगर करने योग्य सेपरेटर्स के साथ नेस्टेड काउंटर समर्थन
  • वास्तविक सूची सामग्री के साथ पूर्वावलोकन

Common Use Cases

कानूनी दस्तावेज़

कानूनी और तकनीकी दस्तावेज़ों के लिए नेस्टेड नंबर्ड सेक्शन (1.1, 1.2, 2.1) बनाएं।

चरण-दर-चरण मार्गदर्शिका

ट्यूटोरियल के लिए स्टाइल किए गए काउंटर्स के साथ कस्टम नंबर्ड चरण बनाएं।

सामग्री सूचकांक

दस्तावेज़ सामग्री सूचकांक के लिए पदानुक्रमित नंबरिंग जनरेट करें।

कस्टम ऑर्डर की गई सूचियाँ

डिफ़ॉल्ट सूची नंबरिंग को स्टाइल किए गए कस्टम काउंटर्स से बदलें।

Technical Guide

सीएसएस काउंटर्स तीन मुख्य प्रॉपर्टीज़ का उपयोग करते हैं: काउंटर-रीसेट एक पेरेंट एलिमेंट पर एक काउंटर को आरंभ करता है, काउंटर-इंक्रीमेंट चाइल्ड एलिमेंट्स पर काउंटर बढ़ाता है और काउंटर() या काउंटर्स() कंटेंट प्रॉपर्टी में मान प्रदर्शित करता है। काउंटर-रीसेट प्रॉपर्टी एक नया काउंटर इंस्टेंस बनाती है: काउंटर-रीसेट: सेक्शन। काउंटर-इंक्रीमेंट इसे आगे बढ़ाता है: काउंटर-इंक्रीमेंट: सेक्शन। ::बिफ़ोर प्सेव्डो-एलिमेंट पर कंटेंट प्रॉपर्टी काउंटर प्रदर्शित करती है: कंटेंट: काउंटर(सेक्शन)। काउंटर() फ़ंक्शन एक वैकल्पिक शैली तर्क स्वीकार करता है: काउंटर(सेक्शन, अपर-रोमन)। नेस्टेड काउंटर्स के लिए, प्रत्येक स्तर अपना खुद का उप-काउंटर रीसेट करता है। काउंटर्स() फ़ंक्शन (नोट करें 's') नेस्टेड दायरों को संभालता है: काउंटर्स(सेक्शन, ".") "1.2.3" नोटेशन उत्पन्न करता है। उपलब्ध लिस्ट-स्टाइल-टाइप में दशमलव, दशमलव-अग्रणी-शून्य, निचला-अल्फ़ा, ऊपरी अल्फ़ा, निचला-रोमन, ऊपरी रोमन, निचला-ग्रीक और अधिक शामिल हैं। एक से अधिक काउंटर्स परिभाषित और स्वतंत्र रूप से उपयोग किए जा सकते हैं।

Tips & Best Practices

  • 1
    माता-पिता तत्व पर काउंटर-रीसेट का उपयोग करें, बच्चों पर काउंटर-इंक्रीमेंट
  • 2
    नेस्टेड नंबरिंग जैसे 1.1.1 के लिए एक सेपरेटर के साथ काउंटर्स() का उपयोग करें
  • 3
    कस्टम प्रीफिक्स और परसर्ग टेक्स्ट कानूनी दस्तावेज़ों के लिए काउंटर्स को उपयुक्त बनाता है
  • 4
    सीएसएस काउंटर्स किसी भी तत्व, सूचियों के अलावा काम करते हैं

Related Tools

सीएसएस टेबल जनरेटर - free online tool

सीएसएस टेबल जनरेटर

अनुकूलित रंगों, धारियों और होवर प्रभावों के साथ सुंदर ढंग से डिज़ाइन किए गए एचटीएमएल तालिकाएं बनाएं।

🎨 CSS & Design
टाइपोग्राफी स्केल जनरेटर - free online tool

टाइपोग्राफी स्केल जनरेटर

बेस आकार, अनुपात और इकाई को अनुकूलित करने वाला एक मॉड्यूलर टाइपोग्राफिक स्केल बनाएं।

🎨 CSS & Design
सीएसएस वेरिएबल जनरेटर - free online tool

सीएसएस वेरिएबल जनरेटर

रंग, स्पेसिंग और टाइपोग्राफी के लिए सीएसएस कस्टम प्रॉपर्टीज (वेरिएबल्स) बनाएं।

🎨 CSS & Design
प्रिंट शीटस्टाइल जनरेटर - free online tool

प्रिंट शीटस्टाइल जनरेटर

@मीडिया प्रिंट शैलियों को छुपाने, टेक्स्ट की शैली बदलने और पेज ब्रेक पर नियंत्रण रखने के विकल्पों के साथ जनरेट करें।

🎨 CSS & Design

Frequently Asked Questions

Q काउंटर() और काउंटर्स() के बीच अंतर क्या है?
काउंटर() एकल काउंटर मूल्य दिखाता है। काउंटर्स() नेस्टेड काउंटर मूल्यों को सेपरेटर स्ट्रिंग के साथ दिखाता है।
Q क्या मैं किसी भी तत्व पर सीएसएस काउंटर्स का उपयोग कर सकता हूँ?
हाँ, सीएसएस काउंटर्स किसी भी तत्व, <ol> या <li> तत्वों के अलावा काम करते हैं।
Q मैं काउंटर को कैसे रीसेट करूँ?
माता-पिता तत्व पर काउंटर-रीसेट लागू करें। काउंटर 0 (पहली वृद्धि इसे 1 बनाती है) से शुरू होता है।
Q क्या मैं एक निश्चित संख्या से गिनती शुरू कर सकता हूँ?
हाँ, काउंटर-रीसेट: सेक्शन 5 का उपयोग करके 5 (पहली प्रदर्शित करने पर 6) से शुरू करें।
Q क्या सीएसएस काउंटर्स एक्सेसिबल हैं?
::before सामग्री में सीएसएस काउंटर्स अधिकांश स्क्रीन रीडर द्वारा पढ़े जाते हैं, लेकिन वे निरंतर नहीं हो सकते हैं। जब भी संभव हो, सेमैंटिक एचटीएमएल सूचियों का उपयोग करें।

About This Tool

सीएसएस काउंटर जनरेटर is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.