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

CSS-এ একসাথে সব মার্জিন প্রোপার্টি সেট করা (margin shorthand)

margin property HTML এলিমেন্টের চারপাশের স্পেস নির্ধারণ করে। নেগেটিভ মান ব্যবহার করে কন্টেন্ট ওভারল্যাপও করা যায়। এটি এক khaiরাতে সব মার্জিন প্রোপার্টি সেট করার shorthand।

উদাহরণ

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

<html>
  <head>
  </head>
  <body>
    <p style="margin: 20px; border:2px solid yellow;">
      All four margins will be 20px </p>
    <p style="margin: 15px 4% -10px; border:2px solid red;">
      Top margin will be 15px, left and right margin will be 4% of the total width of the document, bottom margin will be -10px </p>
  </body>
</html>

সিনট্যাক্স: margin: top right bottom left; (৪ মান), margin: vertical horizontal; (২ মান), margin: top horizontal bottom; (৩ মান), margin: all; (১ মান)। নেগেটিভ মান দিয়ে ওভারল্যাপ করা যায়।

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

  2. CSS দিয়ে একই ঘোষণায় সব টপ বর্ডার প্রোপার্টি সেট করুন

  3. CSS animation শর্টহ্যান্ড প্রোপার্টি দিয়ে সব এনিমেশন প্রোপার্টি একসাথে সেট করা

  4. CSS-এ margin শর্টহ্যান্ড প্রপার্টি