HTML DOM paddingLeft Property

HTML DOM paddingLeft প্রপার্টি একটি HTML এলিমেন্টের বাম প্যাডিং রিটার্ন করে এবং যোগ করতে দেয়।

সিনট্যাক্স

বাম প্যাডিং পাওয়ার জন্য:

object.style.paddingLeft

বাম প্যাডিং যোগ করার জন্য:

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</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>

আউটপুট

নিচের আউটপুটটি দেখাবে:

"Add Padding" বাটনে ক্লিক করলে লাল বক্সের ভেতরে প্যাডিং যোগ হবে।

কনসোলে নিচের আউটপুট দেখাবে: