list-style-position प्रॉपर्टी
list-style-position प्रॉपर्टी यह सेट करती है
कि लिस्ट मार्कर कैसे दिखाई देगा:
लिस्ट ul के अंदर या बाहर
या ol के अंदर या बाहर।
सिंटैक्स
सिलेक्टर {
list-style-position: inside | outside;
}
वैल्यूज
| वैल्यू | विवरण |
|---|---|
inside |
मार्कर लिस्ट के अंदर स्थित होता है। |
outside |
मार्कर लिस्ट के बाहर स्थित होता है। |
डिफॉल्ट वैल्यू: outside.
उदाहरण . inside वैल्यू
<ul>
<li>लिस्ट आइटम</li>
<li>लिस्ट आइटम</li>
<li>लिस्ट आइटम</li>
<li>लिस्ट आइटम</li>
<li>लिस्ट आइटम</li>
</ul>
ul {
list-style-position: inside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
उदाहरण . outside वैल्यू
<ul>
<li>लिस्ट आइटम</li>
<li>लिस्ट आइटम</li>
<li>लिस्ट आइटम</li>
<li>लिस्ट आइटम</li>
<li>लिस्ट आइटम</li>
</ul>
ul {
list-style-position: outside;
border: 1px solid red;
width: 200px;
padding-left: 0;
margin-left: 10px;
}
:
यह भी देखें
-
list-style-typeप्रॉपर्टी,
जो लिस्ट मार्कर का प्रकार सेट करती है -
list-style-typeप्रॉपर्टी,
जो लिस्ट मार्कर का प्रकार सेट करती है -
list-styleप्रॉपर्टी,
जो मार्करों के लिए शॉर्टहैंड है
