কম্পিউটার

HTML DOM প্যাডিং বাম সম্পত্তি


HTML DOM প্যাডিংলেফ্ট প্রপার্টি ফিরে আসে এবং একটি HTML উপাদানে বাম প্যাডিং যোগ করে।

সিনট্যাক্স

নিম্নলিখিত সিনট্যাক্স −

1. বাম প্যাডিং ফেরত

object.style.paddingLeft

2. বাম প্যাডিং যোগ করা হচ্ছে

object.style.paddingLeft=”value”

মান

এখানে, "মান" নিম্নলিখিত −

হতে পারে
মান
বিশদ বিবরণ৷
দৈর্ঘ্য
এটি দৈর্ঘ্য ইউনিটে মান প্যাডিং সংজ্ঞায়িত করে।
প্রাথমিক
এটি প্যাডিং এর ডিফল্ট মানের সাথে সংজ্ঞায়িত করে।
উত্তরাধিকার
এই প্যাডিং এর মূল উপাদান থেকে উত্তরাধিকারসূত্রে পাওয়া যায়।
শতাংশ(%)
এটি প্যাডিংকে প্যারেন্ট এলিমেন্টের প্রস্থের শতাংশে সংজ্ঞায়িত করে।

উদাহরণ

প্যাডিং বাম সম্পত্তির একটি উদাহরণ দেখা যাক −

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>HTML DOM paddingLeft property</title>
<style>
   .outer-box{
      background-color:#db133a;
      width:300px;
      height:300px;
      margin:1rem auto;
   }
   .inner-box{
      background-color:#C3C3E6;
      width:150px;
      height:150px;
   }
</style>
</head>
<body>
<h1>paddingLeft Property Example&t;/h1>
<div class="outer-box">
<div class="inner-box">
</div>
</div>
<button type="button" onClick='addPadding()'>Add Padding</button>
<script>
   function addPadding(){
      var outerBox=document.querySelector('.outer-box')
      outerBox.style.paddingLeft='20px';
      console.log(outerBox.style.paddingLeft);
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM প্যাডিং বাম সম্পত্তি

প্যাডিং যোগ করুন-এ ক্লিক করুন ” লাল বাক্সের ভিতরে প্যাডিং যোগ করার জন্য বোতাম।

HTML DOM প্যাডিং বাম সম্পত্তি

উপরের কোডটি কনসোলে −

-এ নিম্নলিখিতগুলিও প্রদর্শন করবে

HTML DOM প্যাডিং বাম সম্পত্তি


  1. HTML DOM ট্যাগনেম প্রপার্টি

  2. HTML DOM শৈলী প্যাডিং রাইট সম্পত্তি

  3. HTML DOM নাম সম্পত্তি

  4. এইচটিএমএল ডম টেক্সট কনটেন্ট প্রপার্টি