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

CSS से मार्कर को बॉक्स के अंदर या बाहर दिखाने का संकेत कैसे दें?

list-style-position गुण इंगित करता है कि मार्कर को बुलेट पॉइंट्स वाले बॉक्स के अंदर या बाहर दिखना चाहिए। इसके दो मान हो सकते हैं:

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

उदाहरण

निम्न कोड चलाकर list-style-position गुण लागू करें:

<html>
  <head>
  </head>
  <body>
    <ul style="list-style-type:circle; list-style-position:outside;">
      <li>BMW</li>
      <li>Audi</li>
    </ul>
    <ul style="list-style-type:square;list-style-position:inside;">
      <li>BMW</li>
      <li>Audi</li>
    </ul>
    <ol style="list-style-type:decimal;list-style-position:outside;">
      <li>BMW</li>
      <li>Audi</li>
    </ol>
    <ol style="list-style-type:lower-alpha;list-style-position:inside;">
      <li>BMW</li>
      <li>Audi</li>
    </ol>
  </body>
</html>
  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 से कंटेनिंग टेक्स्ट के साथ कमेंट बॉक्स कैसे बनाएं? CSS से कंटेनिंग टेक्स्ट के साथ कमेंट बॉक्स कैसे बनाएं?

    कमेंट बॉक्स clip-path प्रॉपर्टी का उपयोग करके बनाया जा सकता है। सिंटैक्स CSS clip-path प्रॉपर्टी का सिंटैक्स निम्नानुसार है: Selector {    clip-path: /*value*/ } उदाहरण 1 निम्न उदाहरण दिखाते हैं कि हम CSS का उपयोग करके कमेंट बॉक्स कैसे बना सकते हैं। <!DOCTYPE html> <html>  

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

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