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

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

উদাহরণ

জাভাস্ক্রিপ্টে এলিমেন্টের নিচের মার্জিন সেট করতে নিচের কোডটি চালান:

<!DOCTYPE html> <html>    <body>       <p id="myID">এটি ডেমো টেক্সট।</p>       <button type="button" onclick="display()">নিচের মার্জিন সেট করুন</button>       <script>          function display() {             document.getElementById("myID").style.marginBottom = "95px";          }       </script>    </body> </html>

ব্যাখ্যা: margin-bottom` এলিমেন্টের নিচে খালি স্থান যোগ করে। এটি নিচের সিবলিং এলিমেন্টের সাথে দূরত্ব তৈরি করে। মার্জিন কল্যাপসিং-এ উপরের এবং নিচের মার্জিনের মধ্যে বড় মানটি কার্যকর হয় (যদি উভয় পজিটিভ হয়)। শর্টহ্যান্ড margin: top right bottom left দিয়ে চারদিক সেট করা যায়।