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

परिचय

HTML DOM Style left प्रॉपर्टी का उपयोग पोजिशन्ड एलिमेंट की बाईं स्थिति सेट करने या वापस करने के लिए किया जाता है। किसी एलिमेंट को पोजिशन करने के लिए, आपको उसकी position प्रॉपर्टी को relative, absolute या fixed पर सेट करना होगा।

सिंटैक्स

object.style.left = "auto|length|%|initial|inherit"

मान और विवरण

उदाहरण

<!DOCTYPE html>
<html>
<head>
<style>
  #DIV1 {
    margin-top: 70px;
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: red;
  }
</style>
<script>
  var setLeft = 50;
  function changeLeft() {
    document.getElementById("DIV1").style.left = setLeft + "px";
    setLeft += 50;
  }
</script>
</head>
<h1>Left प्रॉपर्टी उदाहरण</h1>
<body>
  <div id="DIV1"></div>
  <p>नीचे दिए गए बटन पर क्लिक करके नीचे के div की बाईं पोजीशन बदलें</p>
  <button type="button" id="myBtn" onclick="changeLeft()">बाईं पोजीशन</button>
</body>
</html>

आउटपुट

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

"बाईं पोजीशन" बटन पर क्लिक करने पर, बॉक्स हर बार 50px दाईं ओर खिसकेगा: