CSS के साथ ऑर्डर्ड लिस्ट को लोअरकेस रोमन नंबरों से कैसे स्टाइल करें

CSS के साथ ऑर्डर्ड लिस्ट को लोअरकेस रोमन नंबरों से स्टाइल करना सीखें।

HTML में ऑर्डर्ड लिस्ट बनाने के लिए, आप उपयोग करते हैं:

• <ol> टैग अपने ऑर्डर्ड लिस्ट एलिमेंट को परिभाषित करने के लिए।
• <li> टैग अपने लिस्ट आइटम एलिमेंट्स को परिभाषित करने के लिए।

उदाहरण:

<ol> <li>List item</li> <li>List item</li> <li>List item</li> </ol>

डिफ़ॉल्ट रूप से, ऑर्डर्ड लिस्ट आइटम्स नियमित दशमलव संख्याओं के साथ स्टाइल किए जाते हैं:

1. List item
2. List item
3. List item

दशमलव संख्याओं के साथ डिफ़ॉल्ट ऑर्डर्ड लिस्ट, यूजर-एजेंट स्टाइलशीट (UAS) से आती है जो सभी ब्राउज़रों में अंतर्निहित है। यह CSS प्रॉपर्टी के साथ परिभाषित है: list-style-type: decimal;

CSS के साथ लोअरकेस रोमन नंबर कैसे जोड़ें

लोअरकेस रोमन नंबरों के साथ एक लिस्ट बनाने के लिए आपको डिफ़ॉल्ट दशमलव स्टाइल नंबरों को CSS प्रॉपर्टी list-style-type के साथ ओवरराइड करना होगा:

ol { list-style-type: lower-roman; }

लोअरकेस रोमन नंबर उदाहरण:

1. List item
2. List item
3. List item