प्रति-वृद्धि - सीएसएस-ट्रिक्स

आदेशित सूचियाँ एकमात्र ऐसे तत्व नहीं हैं जिन्हें स्वचालित रूप से गिना जा सकता है। विभिन्न काउंटर से संबंधित गुणों के लिए धन्यवाद, कोई भी तत्व हो सकता है।

body ( counter-reset: my-awesome-counter; ) section ( counter-increment: my-awesome-counter; ) section:before ( content: counter(my-awesome-counter); )

प्रत्येक क्रमशः "1", "2", "3", या "4" से शुरू होगा।

आप काउंटर फ़ंक्शन को अलग करके अल्पविराम द्वारा काउंटर की शैली को नियंत्रित कर सकते हैं। उन्हें रोमन अंकों का उपयोग करने के लिए:

section:before ( content: counter(my-awesome-counter, upper-roman); )

डेमो

CodePen पर:

अधिक जानकारी

• CSS3 की कल्पना
• एमडीएन डॉक्स

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

क्रोम	सफारी	फ़ायर्फ़ॉक्स	ओपेरा	अर्थात	एंड्रॉयड	आईओएस
2+	3.1+	कोई	9.2+	8+	टी.बी.डी.	टी.बी.डी.