Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS के साथ स्टाइलिंग सूचियाँ

<घंटा/>

सूचियों का आदेश दिया जाता है और साथ ही अनियंत्रित भी किया जाता है। सीएसएस के साथ, आप सेट सूची आइटम मार्कर या मार्कर के लिए एक छवि सेट कर सकते हैं। इसके साथ, CSS के साथ, हम सूची-आइटम मार्करों के लिए भी स्थिति निर्धारित कर सकते हैं।

आइए अब कुछ उदाहरण देखें -

सूची-शैली-प्रकार

सूची-शैली-प्रकार का उपयोग सूची-वस्तु मार्कर के प्रकार को सेट करने के लिए किया जाता है।

उदाहरण

आइए अब एक उदाहरण देखें जिसमें हम ऑर्डर की गई सूचियों (ol) को फ़ॉर्मेट कर रहे हैं -

टीम

  • भारत
  • ऑस्ट्रेलिया
  • इंग्लैंड
  • वेस्टइंडीज
  • दक्षिण अफ्रीका
  • श्रीलंका
  • ली>

आउटपुट

CSS के साथ स्टाइलिंग सूचियाँ

सूची-शैली-छवि

लिस्ट-स्टाइल-इमेज प्रॉपर्टी का इस्तेमाल इमेज को लिस्ट-आइटम मार्कर के रूप में सेट करने के लिए किया जाता है।

उदाहरण

आइए अब एक उदाहरण देखें -

टीम

  • भारत - वर्डकप के लिए योग्य
  • ऑस्ट्रेलिया - WordCup के लिए योग्य
  • इंग्लैंड - WordCup के लिए योग्य

खिलाड़ी

  1. विराट कोहली
  2. डेविड वार्नर
  3. स्टीव स्मिथ

आउटपुट

CSS के साथ स्टाइलिंग सूचियाँ

सूची-शैली-स्थिति

सूची-शैली-स्थिति गुण का उपयोग सूची-वस्तु मार्करों की स्थिति निर्धारित करने के लिए किया जाता है।

उदाहरण

आइए अब एक उदाहरण देखें -