জাভাস্ক্রিপ্টে একটি এলিমেন্টের উপরের মার্জিন সেট করা

জাভাস্ক্রিপ্টে উপরের মার্জিন সেট করতে marginTop প্রপার্টিটি ব্যবহার করুন।

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          #myID {             border: 2px solid #000000;          }       </style>    </head>    <body>       <div id="myID">এটি ডেমো টেক্সট।</div><br>       <button type="button" onclick="display()">উপরের মার্জিন যোগ করুন</button>       <script>          function display() {             document.getElementById("myID").style.marginTop = "150px";          }       </script>    </body> </html>

ব্যাখ্যা: margin-top এলিমেন্টের উপরে খালি স্থান যোগ করে। ব্লক এলিমেন্টের জন্য সাধারণ। ফ্লেক্স/গ্রিড কন্টেইনারের চাইল্ডে margin: auto দিয়ে সেন্টারিং করা যায়। মার্জিন কল্যাপসিং (margin collapsing) ব্লক এলিমেন্টের মধ্যে হয় — প্যারেন্ট-চাইল্ড বা সিবলিং-এর মধ্যে।