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

परिचय

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

सिंटैक्स

object.style.listStylePosition = "outside|inside|initial|inherit"

मान और विवरण

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
  li {
    background-color: lightgreen;
  }
</style>
<script>
  function changeListPosition() {
    document.getElementById("LIST1").style.listStylePosition = "inside";
    document.getElementById("Sample").innerHTML = " लिस्ट स्टाइल पोजीशन अब डिफ़ॉल्ट outside से inside पर सेट है";
  }
</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="changeListPosition()">लिस्ट पोजीशन बदलें</button>
  <p id="Sample"></p>
</body>
</html>

आउटपुट

प्रारंभिक स्थिति (outside):

"लिस्ट पोजीशन बदलें" बटन पर क्लिक करने के बाद (inside):