CSS का उपयोग करके लिस्ट स्टाइल टाइप सेट करना

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

CSS में लिस्ट स्टाइल टाइप सेट करने के लिए list-style-type प्रॉपर्टी का उपयोग करें।

उदाहरण 1: अनऑर्डर्ड लिस्ट (ul) - square

<!DOCTYPE html>
<html>
<head>
<style>
ul { list-style-type: square; }
</style>
</head>
<body>
<h2>टीमें</h2>
<ul>
  <li>भारत</li> <li>ऑस्ट्रेलिया</li> <li>इंग्लैंड</li>
  <li>वेस्ट इंडीज</li> <li>दक्षिण अफ्रीका</li> <li>श्रीलंका</li>
</ul>
</body>
</html>

उदाहरण 2: ऑर्डर्ड लिस्ट (ol) - upper-roman

<!DOCTYPE html>
<html>
<head>
<style>
ol { list-style-type: upper-roman; }
</style>
</head>
<body>
<h2>टीमें</h2>
<ol>
  <li>भारत</li> <li>ऑस्ट्रेलिया</li> <li>इंग्लैंड</li>
  <li>वेस्ट इंडीज</li> <li>दक्षिण अफ्रीका</li> <li>श्रीलंका</li>
</ol>
</body>
</html>

सामान्य मान:

श्रेणी	मान	उदाहरण
Unordered	disc	● (डिफ़ॉल्ट)
		circle	○
		square	■
		none	कोई मार्कर नहीं
Ordered	decimal	1, 2, 3... (डिफ़ॉल्ट)
		decimal-leading-zero	01, 02, 03...
		lower-roman	i, ii, iii...
		upper-roman	I, II, III...
		lower-alpha	a, b, c...
		upper-alpha	A, B, C...
		lower-greek	α, β, γ...
		armenian/georgian	विशेष वर्णमाला

मॉडर्न CSS (Counter Styles):

@counter-style custom {
  system: cyclic;
  symbols: "★" "☆" "✦";
  suffix: " ";
}
ul.custom { list-style-type: custom; }

::marker स्यूडो-एलिमेंट (मॉडर्न):

li::marker {
  color: #e91e63;
  font-size: 1.5em;
  content: "▸ ";  /* कस्टम मार्कर */
}

शॉर्टहैंड:

ul { list-style: square inside url('fallback.png'); }