list-style-position प्रॉपर्टी

list-style-position प्रॉपर्टी यह सेट करती है कि लिस्ट मार्कर कैसे दिखाई देगा: लिस्ट ul के अंदर या बाहर या ol के अंदर या बाहर।

सिंटैक्स

cssसिलेक्टर {
  list-style-position: inside | outside;
}

वैल्यूज

डिफॉल्ट वैल्यू: outside.

उदाहरण . inside वैल्यू

html<ul>
  <li>लिस्ट आइटम</li>
  <li>लिस्ट आइटम</li>
  <li>लिस्ट आइटम</li>
  <li>लिस्ट आइटम</li>
  <li>लिस्ट आइटम</li>
</ul>

cssul {
  list-style-position: inside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

उदाहरण . outside वैल्यू

html<ul>
  <li>लिस्ट आइटम</li>
  <li>लिस्ट आइटम</li>
  <li>लिस्ट आइटम</li>
  <li>लिस्ट आइटम</li>
  <li>लिस्ट आइटम</li>
</ul>

cssul {
  list-style-position: outside;
  border: 1px solid red;
  width: 200px;
  padding-left: 0;
  margin-left: 10px;
}

Результат:

यह भी देखें