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

CSS से मार्कर को बुलेट पॉइंट्स वाले बॉक्स के अंदर सेट करें

बुलेट पॉइंट्स वाले बॉक्स के अंदर मार्कर सेट करने के लिए, list-style-position गुण का उपयोग inside मान के साथ करें।

inside मान का अर्थ है यदि टेक्स्ट दूसरी पंक्ति पर जाता है, तो टेक्स्ट मार्कर के नीचे लपेटा जाएगा। यह वहां भी इंडेंटेड दिखाई देगा जहां टेक्स्ट शुरू होता अगर सूची का मान outside होता।

उदाहरण

<html>
  <head>
  </head>
  <body>
    <ul style="list-style-type:square;list-style-position:inside;">
      <li>Maths</li>
      <li>Social Science</li>
      <li>Physics</li>
    </ul>
    <ol style="list-style-type:lower-alpha;list-style-position:inside;">
      <li>Maths</li>
      <li>Social Science</li>
      <li>Physics</li>
    </ol>
  </body>
</html>
  1. - CSS से बॉक्स की अधिकतम चौड़ाई सेट करें

    max-width प्रॉपर्टी का उपयोग उस अधिकतम चौड़ाई को सेट करने के लिए किया जाता है जो एक बॉक्स की हो सकती है। max-width प्रॉपर्टी का मान एक संख्या, लंबाई, या प्रतिशत हो सकता है। उदाहरण <html> <head> </head> <body> <p style=max-width:100px; height:200px; border:1px so

  1. - CSS से बॉक्स की न्यूनतम ऊंचाई सेट करें

    min-height प्रॉपर्टी का उपयोग उस न्यूनतम ऊंचाई को सेट करने के लिए किया जाता है जो एक बॉक्स की हो सकती है। min-height प्रॉपर्टी का मान एक संख्या, लंबाई, या प्रतिशत हो सकता है। उदाहरण <html> <head> </head> <body> <p style=width:400px; min-height:150px; border:1px

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

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