HTML DOM Style left প্রপার্টি

HTML DOM Style left প্রপার্টি একটি পজিশन्ड এলিমেন্টের বাম দিকের অবস্থান সেট বা রিটার্ন করতে ব্যবহৃত হয়। এলিমেন্ট পজিশন করতে, এর position প্রপার্টি relative, absolute বা fixed সেট করতে হয়।

সিনট্যাক্স

left প্রপার্টি সেট করার জন্য:

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 property example</h1>
<body>
  <div id="DIV1"></div>
  <p>নিচের বাটনে ক্লিক করে নিচের ডিভের বাম পজিশন পরিবর্তন করুন</p>
  <button type="button" id="myBtn" onclick="changeLeft()">বাম পজিশন</button>
</body>
</html>

আউটপুট

প্রাথমিক অবস্থায় লাল বক্স পেজের বাম প্রান্তে থাকবে।

"বাম পজিশন" বাটনে ক্লিক করার পর বক্স هر বার 50px ডানে সরাবে।