কিভাবে Tailwind এ একক দিকে মার্জিন যোগ করবেন?

Tailwind CSS-এ, ক মার্জিন নির্দিষ্ট উপাদানের চারপাশে ব্যবধান নিয়ন্ত্রণ করতে ব্যবহৃত হয়। এটি প্রয়োগকৃত উপাদান এবং এর পার্শ্ববর্তী উপাদানগুলির মধ্যে স্থান যোগ করে। Tailwind CSS মার্জিন ইউটিলিটি এবং মার্জিন মানগুলির একটি সেট সরবরাহ করে যা ব্যবহারকারীদের পছন্দসই উপাদানগুলির চারপাশে ব্যবধান কাস্টমাইজ করার অনুমতি দেয়। অধিকন্তু, ব্যবহারকারীরা একটি একক দিকে একটি মার্জিন যোগ করতে পারে, যেমন একটি নির্দিষ্ট উপাদানের উপরে, নীচে, বাম বা ডানদিকে।

এই ব্লগটি Tailwind CSS-এ একটি উপাদানের একক দিকে মার্জিন যোগ করার উদাহরণ প্রদর্শন করবে।

কিভাবে Tailwind এ একক দিকে মার্জিন যোগ করবেন?

Tailwind এ একটি উপাদানের একক দিকে মার্জিন যোগ করতে, নিম্নলিখিত ইউটিলিটি ক্লাসগুলি ব্যবহার করা যেতে পারে:

• • ' mt- ” ক্লাস উপাদানের শীর্ষে একটি মার্জিন যোগ করে।
  • ' mb- ” ক্লাস উপাদানের নীচে একটি মার্জিন যোগ করে।
  • ' ml- ” ক্লাস এলিমেন্টের বাম দিকে একটি মার্জিন যোগ করে।
  • ' মিঃ- <মান> ” ক্লাস উপাদানটির ডানদিকে একটি মার্জিন যোগ করে।

এটি আরও ভালভাবে বোঝার জন্য, নীচে দেওয়া উদাহরণগুলি দেখুন।

উদাহরণ 1: একটি উপাদানের শীর্ষে মার্জিন যোগ করুন

এই উদাহরণে, আমরা ব্যবহার করব ' mt-14 'এ ইউটিলিটি ক্লাস'