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

list-style प्रॉपर्टी एक साथ list-style-type मार्कर प्रकार, list-style-image छवि और list-style-position उसकी स्थिति ul या ol सूचियों के लिए सेट करने की अनुमति देती है।

प्रॉपर्टीज़ के क्रम का कोई महत्व नहीं है।

उदाहरण

आइए हमारी सूची के लिए वर्गाकार मार्कर सेट करें:

html<ul>
  <li>सूची आइटम</li>
  <li>सूची आइटम</li>
  <li>सूची आइटम</li>
  <li>सूची आइटम</li>
  <li>सूची आइटम</li>
</ul>

cssul {
  list-style: square outside;
}

Результат:

उदाहरण

और अब list-style प्रॉपर्टी में मार्कर के लिए छवि और उसकी स्थिति टेक्स्ट फ़ील्ड के अंदर सेट करें:

html<ul>
  <li>सूची आइटम</li>
  <li>सूची आइटम</li>
  <li>सूची आइटम</li>
  <li>सूची आइटम</li>
  <li>सूची आइटम</li>
</ul>

cssul {
  list-style: url("li.gif") inside;
}

Результат: