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

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

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

উদাহরণ

<html>
  <head>
  </head>
  <body>
    <p style="margin-right: 10px; border:2px solid red;">
      Cricket crazy nation India! </p>
    <p style="margin-right: 10%; border:2px solid green;">
      Cricket crazy nation Australia! </p>
  </body>
</html>

ব্যবহার: এলিমেন্টকে বাম পাশে ঠেলে ডান পাশে স্পেস তৈরি করতে। ফ্লেক্সবক্স/গ্রিড লেআউটে margin-right: auto দিয়ে এলিমেন্ট বামে পুশ করা যায়।

  1. CSS-এ বর্ডারের স্টাইল (border-style) সেট করা

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

  3. CSS দিয়ে একটি এলিমেন্টের ডান প্যাডিং নির্দিষ্ট করা

  4. CSS-এ margin-right প্রোপার্টির ব্যবহার