কম্পিউটার টিউটোরিয়াল

CSS-এ এলিমেন্টের নিচের মার্জিন (margin-bottom) সেট করা

margin-bottom property এলিমেন্টের নিচের মার্জিন সেট করতে ব্যবহৃত হয়। মান লেংথ, পারসেন্টেজ বা auto হতে পারে।

উদাহরণ

নিচের কোডটি রান করে নিচের মার্জিন সেট করার পদ্ধতি শিখুন:

<html>
  <head>
  </head>
  <body>
    <p style="margin-bottom: 40px; border:2px solid yellow;">
      Cricket crazy nation India! </p>
    <p style="margin-bottom: 20%; border:2px solid yellow;">
      Cricket crazy nation Australia! </p>
  </body>
</html>

মার্জিন কলাপ্স: সংলগ্ন এলিমেন্টের নিচের ও উপরের মার্জিন একত্রিত হয়ে বড় মানটি প্রয়োগ হয়। এটি লেআউটে অপ্রত্যাশিত স্পেস তৈরি করতে পারে।

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

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

  3. CSS-এ এলিমেন্টের উপরের মার্জিন (margin-top) সেট করা

  4. HTML-এ একটি এলিমেন্টের নাম কীভাবে সেট করবেন?