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

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

margin-top property এলিমেন্টের উপরের মার্জিন নির্দিষ্ট করে। মান লেংথ, পারসেন্টেজ বা auto হতে পারে।

উদাহরণ

<html>
  <head>
  </head>
  <body>
    <p style="margin-top: 10px; border:2px solid red;">
      This is a paragraph with a specified top margin </p>
    <p style="margin-top: 10%; border:2px solid green;">
      This is another paragraph with a specified top margin in percent </p>
  </body>
</html>

ব্যবহার: এলিমেন্টকে উপরের এলিমেন্ট থেকে নিচে নামাতে। margin-top: auto ফ্লেক্সবক্সে এলিমেন্ট নিচে পুশ করতে ব্যবহৃত হয়।

  1. CSS-এ ইমেজের প্রস্থ (width) সেট করা

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

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

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