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

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

list-style-type गुण आपको ऑर्डर्ड सूचियों में नंबरिंग कैरेक्टर्स के आकार या शैली को नियंत्रित करने की अनुमति देता है।

उदाहरण

<html>
  <head>
  </head>
  <body>
    <ol style="list-style-type:decimal;">
      <li>India</li>
      <li>US</li>
      <li>UK</li>
    </ol>
  </body>
</html>

ऑर्डर्ड सूची के लिए मान: decimal, lower-alpha, upper-alpha, lower-roman, upper-roman आदि।

  1. CSS में लिस्ट मार्कर की स्थिति बदलना CSS में लिस्ट मार्कर की स्थिति बदलना

    CSS list-style-position प्रॉपर्टी का उपयोग लिस्ट आइटम्स के मार्कर की स्थिति सेट करने के लिए किया जाता है। इस प्रॉपर्टी का डिफ़ॉल्ट मान outside है जो मार्कर को लिस्ट आइटम के बाहर सेट करता है। सिंटैक्स CSS list-style-position प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    list-style-pos

  1. CSS में लिस्ट स्टाइल टाइप सेट करना CSS में लिस्ट स्टाइल टाइप सेट करना

    CSS list-style-type प्रॉपर्टी का उपयोग लिस्ट आइटम्स के मार्कर को स्टाइल करने के लिए किया जाता है। हम इन स्टाइल्स को अनऑर्डर्ड और ऑर्डर्ड दोनों प्रकार की सूचियों पर लागू कर सकते हैं। सिंटैक्स CSS list-style-type प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    list-style-type: /*value*/

  1. CSS से बेसिक लिस्ट को लिस्ट ग्रुप में बदलना CSS से बेसिक लिस्ट को लिस्ट ग्रुप में बदलना

    लिस्ट ग्रुप बेसिक लिस्ट को लिस्ट ग्रुप में बदलने के लिए CSS का उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; } * { box-sizin