Tailwind CSS হল একটি সুপরিচিত ফ্রেমওয়ার্ক যা কাস্টমাইজযোগ্য এবং প্রতিক্রিয়াশীল ওয়েব পেজ বা ডিজাইন তৈরি করতে ব্যবহার করা হয়। এটি ব্যবহারকারীদের কোনো কাস্টম CSS না লিখে উপাদানগুলির বিন্যাস এবং ব্যবধান নিয়ন্ত্রণ করতে দেয়। প্যাডিং হল নির্দিষ্ট উপাদানের বিষয়বস্তু এবং এর সীমানার মধ্যবর্তী স্থান। কখনও কখনও, ব্যবহারকারীরা একটি উপাদানের প্রতিটি পাশে একই পরিমাণ প্যাডিং প্রয়োগ করতে চান। টেইলউইন্ড একটি উপাদানের সব দিকে প্যাডিং প্রয়োগ করার জন্য বা নির্দিষ্ট দিকে যেমন উপরে, ডান, নীচে বা বামে ইউটিলিটি ক্লাস প্রদান করে।
এই নিবন্ধটি টেইলউইন্ডে একটি উপাদানের সব দিকে প্যাডিং যুক্ত করার পদ্ধতির উদাহরণ দেবে।
কিভাবে Tailwind সব দিকে প্যাডিং যোগ করতে?
Tailwind-এ একটি নির্দিষ্ট উপাদানের সব দিকে প্যাডিং যোগ করতে, একটি HTML কাঠামো তৈরি করুন। তারপর, নির্দিষ্ট উপাদানের সাথে “p-
বাক্য গঠন
< উপাদান ক্লাস = 'p-
'
উদাহরণ
এই উদাহরণে, আমাদের দুটি ' দ্বিতীয় আউটপুট Tailwind-এ একটি উপাদানের সব দিকে প্যাডিং যোগ করতে, HTML প্রোগ্রামে কাঙ্খিত উপাদানের সাথে “p-
< শরীর >
< div ক্লাস = 'bg-pink-600 p-8 w-max' >
প্যাডিং ভিতরে Tailwind CSS
div >
< br >
< div ক্লাস = 'bg-teal-600 p-14 w-max' >
প্যাডিং ভিতরে Tailwind CSS
div >
শরীর >
এখানে, প্রথম
উপরের আউটপুট অনুযায়ী, নির্দিষ্ট প্যাডিং উভয় পাত্রের সব দিকে প্রয়োগ করা হয়েছে। উপসংহার