CSS में लिस्ट स्टाइल टाइप सेट करने के लिए, CSS में लिस्ट-स्टाइल-टाइप प्रॉपर्टी का इस्तेमाल करें।
उदाहरण
आइए एक उदाहरण देखें जिसमें हम अनियंत्रित सूची के लिए सूची शैली प्रकार सेट कर रहे हैं -
<!DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: square;
}
</style>
</head>
<body>
<h2>Teams</h2>
<ul>
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ul>
</body>
</html> आउटपुट
उदाहरण
आइए अब एक उदाहरण देखें जिसमें हम ऑर्डर की गई सूचियों (ol) के लिए सूची शैली प्रकार सेट कर रहे हैं -
<!DOCTYPE html>
<html>
<head>
<style>
ol {
list-style-type: upper-roman;
}
</style>
</head>
<body>
<h2>Teams</h2>
<ol>
<li>India</li>
<li>Australia</li>
<li>England</li>
<li>West Indies</li>
<li>South Africa</li>
<li>Srilanka</li>
</ol>
</body>
</html> आउटपुट
