HTML DOM শৈলী সম্পত্তি ছেড়ে গেছে

HTML DOM শৈলী বাম বৈশিষ্ট্যটি একটি অবস্থানকৃত উপাদান বাম অবস্থান সেট করতে বা ফেরানোর জন্য ব্যবহৃত হয়। একটি উপাদান অবস্থান করার জন্য, আপনাকে তার অবস্থান বৈশিষ্ট্য আপেক্ষিক, পরম বা স্থির হিসাবে সেট করতে হবে।

−

-এর সিনট্যাক্স নিচে দেওয়া হল

বাম সম্পত্তি সেট করা হচ্ছে -

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>Change the left position for the below div by clicking the below button</p>
   <button type="button" id="myBtn" onclick="changeLeft()">Left Position</button>
</body>
</html>

আউটপুট

HTML DOM শৈলী সম্পত্তি ছেড়ে গেছে

“বাম অবস্থানে ক্লিক করলে ” বোতাম, বাক্সটি প্রতিবার −

50 px দ্বারা ডানদিকে চলে যাবে

HTML DOM শৈলী সম্পত্তি ছেড়ে গেছে