DOM-এর paddingTop প্রপার্টি HTML এ একটি এলিমেন্টের টপ প্যাডিং সেট করতে ব্যবহৃত হয়। মনে রাখবেন, একটি উপাদানের সীমানার মধ্যে স্থান সন্নিবেশ করান। এটি উপরের প্যাডিং ফেরত দিতেও ব্যবহৃত হয়। ডিফল্ট মান হল 0.
সিনট্যাক্স
নিচের সিনট্যাক্স −
- শীর্ষ প্যাডিং ফেরত দিতে সিনট্যাক্স
object.style.paddingTop
- শীর্ষ প্যাডিং সেট করতে সিনট্যাক্স
object.style.paddingTop = "%|length|initial|inherit"
এখানে, % হল উপরের প্যাডিং, দৈর্ঘ্য দৈর্ঘ্যে শীর্ষ প্যাডিং (ইউনিট), প্রাথমিক প্রপার্টি ডিফল্ট মান সেট করতে ব্যবহৃত হয় এবং ইনহেরিট উত্তরাধিকার ব্যবহার করা হয় সম্পত্তি গঠন মূল উপাদান।
উদাহরণ
এখন প্যাডিংটপ প্রপার্টি -
বাস্তবায়নের জন্য একটি উদাহরণ দেখা যাক<!DOCTYPE html>
<html>
<head>
<style>
#sample {
border: 2px dashed #ded575;
}
</style>
</head>
<body>
<div id="sample">Demo text!</div>
<br>
<button type="button" onclick="demo()">Update</button>
<script>
function demo() {
document.getElementById("sample").style.paddingTop = "80px";
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
উপরের আপডেট বোতামে ক্লিক করলে, নিম্নলিখিতটি দৃশ্যমান হবে। আমরা এখন সহজে প্যাডিং-টপ প্রপার্টি −
ব্যবহার করে টপ প্যাডিং সেট করেছি
