HTML DOM Style listStyleType प्रॉपर्टी

परिचय

HTML DOM Style listStyleType प्रॉपर्टी का उपयोग लिस्ट-आइटम मार्कर टाइप सेट करने या वापस करने के लिए किया जाता है।

सिंटैक्स

object.style.listStyleType = value

कुछ listStyleType प्रॉपर्टी मान

मान	विवरण
`armenian`	मार्कर को पारंपरिक आर्मेनियाई नंबरों पर सेट करता है।
`circle`	मार्कर के रूप में सर्कल।
`cjk-ideographic`	मार्कर के रूप में प्लेन आइडियोग्राफिक नंबर सेट करता है।
`decimal`	मार्कर नंबर सेट करता है और यह डिफ़ॉल्ट मान है।
`decimal-leading-zero`	मार्कर के रूप में सेट नंबरों से पहले 0 जोड़ता है।
`disc`	`<ul>` के लिए डिफ़ॉल्ट और मार्कर भरा हुआ सर्कल है।
`hiragana`	मार्कर के रूप में पारंपरिक हिरागाना नंबरिंग सेट करता है।
`katakana`	मार्कर के रूप में पारंपरिक कताकाना नंबरिंग सेट करता है।
`lower-alpha`	मार्कर को लोअरकेस अल्फाबेट के रूप में सेट करता है।
`lower-greek`	मार्कर को लोअर-ग्रीक कैरेक्टर्स के रूप में सेट करता है।
`none`	कोई मार्कर प्रदर्शित नहीं करता।
`square`	मार्कर को वर्ग के रूप में प्रदर्शित करता है।
`upper-alpha`	मार्कर को अपरकेस अक्षरों के रूप में सेट करता है।
`upper-roman`	मार्कर को अपरकेस रोमन अंकों के रूप में सेट करता है।
`initial`	इस प्रॉपर्टी को उसके प्रारंभिक मान पर सेट करता है।
`inherit`	पैरेंट एलिमेंट से प्रॉपर्टी मान विरासत में लेता है।

उदाहरण

<!DOCTYPE html>
<html>
<head>
<script>
  function changeListType() {
    document.getElementById("LIST1").style.listStyleType = "upper-roman";
    document.getElementById("Sample").innerHTML = " लिस्ट स्टाइल टाइप अब अपरकेस रोमन न्यूमरल पर सेट है";
  }
</script>
</head>
<body>
  <ul id="LIST1">
    <li>लिस्ट आइटम 1</li>
    <li>लिस्ट आइटम 2</li>
    <li>लिस्ट आइटम 3</li>
    <li>लिस्ट आइटम 4</li>
  </ul>
  <p>ऊपर की लिस्ट स्टाइल टाइप बदलने के लिए नीचे दिए गए बटन पर क्लिक करें</p>
  <button type="button" onclick="changeListType()">लिस्ट टाइप बदलें</button>
  <p id="Sample"></p>
</body>
</html>

आउटपुट

प्रारंभिक स्थिति (डिफ़ॉल्ट disc):

HTML DOM Style listStyleType प्रॉपर्टी

"लिस्ट स्टाइल बदलें" बटन पर क्लिक करने के बाद (upper-roman):

HTML DOM Style listStyleType प्रॉपर्टी