HTML DOM স্টাইল প্যাডিং রাইট প্রপার্টি রিটার্ন করে এবং একটি HTML এলিমেন্টে ডান প্যাডিং যোগ করে।
সিনট্যাক্স
নিচের সিনট্যাক্স −
1. ফিরতি প্যাডিং ডানদিকে
object.style.paddingRight
2. প্যাডিং রাইট যোগ করা হচ্ছে
object.style.paddingRight=”value”
এখানে, “মান ” নিম্নলিখিত হতে পারে -
| মান | বিশদ বিবরণ |
|---|---|
| দৈর্ঘ্য | এটি দৈর্ঘ্য ইউনিটে মান প্যাডিং সংজ্ঞায়িত করে। |
| প্রাথমিক | এটি প্যাডিং এর ডিফল্ট মানের সাথে সংজ্ঞায়িত করে। |
| উত্তরাধিকার | এই প্যাডিং এর মূল উপাদান থেকে উত্তরাধিকারসূত্রে পাওয়া যায়। |
| শতাংশ(%) | এটি প্যাডিংকে মূল উপাদানের প্রস্থের শতাংশে সংজ্ঞায়িত করে। |
আসুন আমরা HTML DOM Style paddingRight property-
এর একটি উদাহরণ দেখিউদাহরণ
<!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 Property Demo</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.paddingRight = '20px';
}
</script>
</body>
</html> আউটপুট
লাল বাক্সের ভিতরে প্যাডিং যোগ করতে "প্যাডিং যোগ করুন" বোতামে ক্লিক করুন।
