JavaScript से लिस्ट-आइटम मार्कर की स्थिति कैसे सेट करें?

उदाहरण

listStylePosition प्रॉपर्टी से मार्कर (बुलेट/नंबर) को कंटेंट के अंदर या बाहर रखें।

<!DOCTYPE html>
<html>
  <body>
    <ol id="myID">
      <li>एक</li>
      <li>दो</li>
    </ol>
    <button type="button" onclick="displayInside()">लिस्ट अंदर</button>
    <button type="button" onclick="displayOutside()">लिस्ट बाहर</button>
    <script>
      function displayInside() {
        document.getElementById("myID").style.listStylePosition = "inside";
      }
      function displayOutside() {
        document.getElementById("myID").style.listStylePosition = "outside";
      }
    </script>
  </body>
</html>

मान: outside (डिफ़ॉल्ट - मार्कर बॉक्स के बाहर), inside (मार्कर कंटेंट फ्लो में)।