HTML DOM Style paddingRight প্রপার্টি একটি HTML এলিমেন্টের ডান প্যাডিং রিটার্ন করে এবং যোগ করে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
১. paddingRight রিটার্ন করা
object.style.paddingRight
২. paddingRight যোগ করা
object.style.paddingRight=”value”
এখানে, “value” নিম্নলিখিত হতে পারে:
| মান | বিবরণ |
|---|---|
| length | এটি দৈর্ঘ্য এককে প্যাডিং মান সংজ্ঞায়িত করে। |
| initial | এটি প্যাডিংকে ডিফল্ট মান নির্ধারণ করে। |
| inherit | এতে প্যাডিং প্যারেন্ট এলিমেন্ট থেকে উত্তরাধিকার সূত্রে পায়। |
| percentage(%) | এটি প্যারেন্ট এলিমেন্টের প্রস্থের শতাংশে প্যাডিং সংজ্ঞায়িত করে। |
HTML DOM Style paddingRight প্রপার্টির একটি উদাহরণ দেখা যাক:
উদাহরণ
<!DOCTYPE html> <html> <head> <style> .outer-box { background-color: #db133a; width: 300px; height: 300px; margin: 1rem auto; } .inner-box { background-color: #C3C3E6; width: 100%; height: 150px; } </style> </head> <body> <h1>HTML DOM Style paddingRight প্রপার্টি ডেমো</h1> <div class="outer-box"> <div class="inner-box"> </div> </div> <button type="button" onClick='addPadding()'>প্যাডিং যোগ করুন</button> <script> function addPadding() { var outerBox = document.querySelector('.outer-box') outerBox.style.paddingRight = '20px'; } </script> </body> </html>আউটপুট
লাল বক্সের ভিতরে প্যাডিং যোগ করতে প্যাডিং যোগ করুন বাটনে ক্লিক করুন।
