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

CSS list-style-image गुण का उपयोग

list-style-image बुलेट पॉइंट या नंबर के बजाय मार्कर के लिए एक छवि निर्दिष्ट करता है। निम्न कोड चलाकर list-style-image गुण लागू करें:

उदाहरण

<html>
  <head>
  </head>
  <body>
    <ul>
      <li style="list-style-image: url(/images/bullet.gif);">Karnataka</li>
      <li>Hyderabad</li>
    </ul>
  </body>
</html>

छवि URL सापेक्ष या पूर्ण हो सकता है।

  1. - CSS में border-right-style गुण का उपयोग

    border-right-style गुण दाएं बॉर्डर की शैली बदलता है। निम्न कोड चलाकर border-right-style गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-width:4px;border-right-style:dashed;> This is demo content </p> </body> </html

  1. - CSS में border-left-width गुण का उपयोग

    border-left-width गुण बाएं बॉर्डर की चौड़ाई बदलता है। निम्न कोड चलाकर border-left-width गुण लागू करें: उदाहरण <html> <head> </head> <body> <p style=border-left-width:6px;border-style:solid;> This is demo content. </p> </body> </html&

  1. - CSS list-style-type गुण का उपयोग

    list-style-type आपको मार्कर के आकार या उपस्थिति को नियंत्रित करने की अनुमति देता है। निम्न कोड चलाकर list-style-type गुण लागू करें: उदाहरण <html> <head> </head> <body> <ul style=list-style-type:circle;> <li>India</li> <li>Australi