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

list-style-type प्रॉपर्टी ul सूची के लिए बिंदु मार्करों के बजाय वर्ग या गोले बनाने की अनुमति देती है। ol सूची के लिए सामान्य अंकों के बजाय रोमन अंक, लैटिन या ग्रीक अक्षरों के रूप में संख्या लगाई जा सकती है।

सिंटैक्स

सिलेक्टर {
	list-style-type: मान;
}

ul के लिए मान

मान	विवरण
`circle`	छोटे गोलाकार मार्कर बनाता है।
`disc`	भरे हुए गोलाकार मार्कर बनाता है।
`square`	छोटे वर्गाकार मार्कर बनाता है।
`none`	मार्कर हटाता है।

डिफॉल्ट मान: disc.

ol के लिए मान

मान	विवरण
`armenian`	पारंपरिक आर्मेनियाई संख्यांकन।
`decimal`	अरबी अंक।
`decimal-leading-zero`	दस से कम अंकों के लिए आगे शून्य वाले अरबी अंक।
`georgian`	पारंपरिक जॉर्जियाई संख्यांकन।
`lower-alpha`	छोटे लैटिन अक्षर।
`lower-greek`	छोटे ग्रीक अक्षर।
`lower-latin`	यह मान lower-alpha के समान है।
`lower-roman`	छोटे अक्षरों में रोमन अंक।
`upper-alpha`	बड़े लैटिन अक्षर।
`upper-latin`	यह मान upper-alpha के समान है।
`upper-roman`	बड़े अक्षरों में रोमन अंक।
`none`	मार्कर हटाता है।

डिफॉल्ट मान: decimal.

उदाहरण

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

ul {
	list-style-type: disc;
}

उदाहरण

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

ul {
	list-style-type: circle;
}

उदाहरण

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

ul {
	list-style-type: square;
}

उदाहरण

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

ul {
	list-style-type: none;
}

उदाहरण

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

ol {
	list-style-type: decimal;
}

उदाहरण

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

ol {
	list-style-type: armenian;
}

उदाहरण

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

ol {
	list-style-type: decimal-leading-zero;
}

उदाहरण

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

ol {
	list-style-type: georgian;
}

उदाहरण

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

ol {
	list-style-type: lower-alpha;
}

उदाहरण

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

ol {
	list-style-type: lower-greek;
}

उदाहरण

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

ol {
	list-style-type: lower-latin;
}

उदाहरण

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

ol {
	list-style-type: lower-roman;
}

उदाहरण

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

ol {
	list-style-type: upper-alpha;
}

उदाहरण

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

ol {
	list-style-type: upper-roman;
}

उदाहरण

यह उदाहरण दर्शाता है कि color प्रॉपर्टी न केवल टेक्स्ट के रंग को, बल्कि मार्करों के रंग को भी प्रभावित करती है:

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

ul {
	list-style-type: disc;
	color: red;
}

यह भी देखें

list-style-image प्रॉपर्टी,
जो दिए गए चित्रों के रूप में मार्कर सेट करती है
list-style-position प्रॉपर्टी,
जो मार्करों की स्थिति सेट करती है
list-style प्रॉपर्टी,
जो मार्करों के लिए शॉर्टहैंड है