HTML DOM Style listStyletype प्रॉपर्टी का उपयोग सूची-आइटम मार्कर प्रकार को सेट करने या वापस करने के लिए किया जाता है।
−
. के लिए वाक्य रचना निम्नलिखित हैलिस्ट सेट करना स्टाइल टाइप प्रॉपर्टी -
object.style.listStyleType = value
कुछ लिस्ट स्टाइल टाइप प्रॉपर्टी वैल्यू हैं -
| मान <वें>विवरण | |
|---|---|
| आर्मेनियाई | मार्कर को पारंपरिक अर्मेनियाई संख्याओं पर सेट करता है। |
| सर्कल | सर्कल मार्कर। |
| cjk-ideographic | आइडियोग्राफ़िक संख्याओं को मार्कर के रूप में सेट करें। |
| दशमलव | यह मार्कर संख्या को सेट करता है और यह डिफ़ॉल्ट मान होता है.. |
| दशमलव-अग्रणी-शून्य | मार्कर के रूप में सेट की गई संख्याओं से पहले 0 जोड़ें। |
| डिस्क | डिफ़ॉल्ट के लिए
|
| हीरागाना | मार्कर के रूप में पारंपरिक हीरागाना क्रमांकन सेट करें। |
| कटकाना | पारंपरिक कटकाना क्रमांकन को मार्कर के रूप में सेट करता है। |
| लोअर-अल्फ़ा | मार्कर को निचले अक्षर के रूप में सेट करता है। |
| निचला-ग्रीक | निचले-ग्रीक वर्णों को मार्कर के रूप में सेट करता है। |
| कोई नहीं | दिखाता हैनो मार्कर। |
| वर्ग | एक वर्ग के रूप में डिस्प्लेमार्कर। |
| upper-alpha | अपरकेस अक्षरों को मार्कर के रूप में सेट करें। |
| प्रारंभिक | इस गुण को प्रारंभिक मान पर पूर्वनिर्धारित करना। |
| उत्तराधिकारी | मूल संपत्ति मान को विरासत में मिला |
आइए लिस्ट स्टाइल टाइप प्रॉपर्टी के लिए एक उदाहरण देखें -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<script>
function changeListType() {
document.getElementById("LIST1").style.listStyleType = "upper-roman";
document.getElementById("Sample").innerHTML=" The list style type is now set to uppercase roman numeral";
}
</script>
</head>
<body>
<ul id="LIST1">
<li>LIST ITEM1</li>
<li>LIST ITEM2</li>
<li>LIST ITEM3</li>
<li>LIST ITEM4</li>
</ul>
<p>Change the above list style type by clicking the below button</p>
<button type="button" onclick="changeListType()">Change List Type</button>
<p id="Sample"></p>
</body>
</html> आउटपुट
“सूची शैली बदलें” क्लिक करने पर बटन -
