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

परिचय

HTML DOM Style listStyle प्रॉपर्टी का उपयोग तीन प्रॉपर्टीज - list-style-type, list-style-position और list-style-image को सेट करने या वापस करने के लिए किया जाता है।

सिंटैक्स

object.style.listStyle = "type position image|initial|inherit"

पैरामीटर्स और विवरण

पैरामीटर	विवरण
`type`	लिस्ट-आइटम मार्कर टाइप परिभाषित करने के लिए।
`position`	लिस्ट-आइटम मार्कर पोजीशन सेट करने के लिए।
`image`	लिस्ट-आइटम मार्कर के रूप में सेट की जाने वाली इमेज निर्दिष्ट करने के लिए।
`initial`	इस प्रॉपर्टी को उसके प्रारंभिक मान पर सेट करता है।
`inherit`	पैरेंट एलिमेंट से प्रॉपर्टी मान विरासत में लेता है।

उदाहरण

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

आउटपुट

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

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

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

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