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

CSS से अनऑर्डर्ड सूची मार्कर्स को स्टाइल करें

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

उदाहरण

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

अनऑर्डर्ड सूची के लिए सामान्य मान: disc (डिफ़ॉल्ट), circle, square, none।

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

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

  1. CSS से रिस्पॉन्सिव प्राइसिंग टेबल कैसे बनाएं? CSS से रिस्पॉन्सिव प्राइसिंग टेबल कैसे बनाएं?

    CSS से रिस्पॉन्सिव प्राइसिंग टेबल बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style>    * {       box-sizing: border-box; &nb

  1. CSS ::marker सेलेक्टर से लिस्ट के बुलेट कलर बदलें CSS ::marker सेलेक्टर से लिस्ट के बुलेट कलर बदलें

    सिंटैक्स CSS ::marker सेलेक्टर का सिंटैक्स निम्नानुसार है: Selector::marker {    attribute: /*value*/; } उदाहरण 1 निम्न उदाहरण CSS ::marker सेलेक्टर को दर्शाते हैं। <!DOCTYPE html> <html>    <head>       <style>         &