CSS में लोअरकेस रोमन नंबरों के साथ ऑर्डर की गई सूची को कैसे स्टाइल करें?

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

HTML में एक आदेशित सूची बनाने के लिए, आप इसका उपयोग करते हैं:

• द <ol> अपने आदेशित सूची तत्व को परिभाषित करने के लिए टैग करें।
• द <li> अपनी सूची आइटम तत्वों को परिभाषित करने के लिए टैग करें।

उदाहरण:

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

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

1. सूची आइटम
2. सूची आइटम
3. सूची आइटम

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

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

लोअरकेस रोमन संख्याओं के साथ एक सूची बनाने के लिए आपको डिफ़ॉल्ट दशमलव शैली संख्याओं को ओवरराइड करने की आवश्यकता है, सीएसएस संपत्ति के साथ list-style-type :

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

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

1. सूची आइटम
2. सूची आइटम
3. सूची आइटम