- ” বা “
- ” উপাদান নিয়ে গঠিত। প্রতিটি
- উপাদান একটি তালিকা আইটেমের প্রতিনিধিত্ব করে যাতে পাঠ্য, চিত্র, লিঙ্ক বা অন্যান্য সামগ্রী থাকতে পারে। ওয়েব পৃষ্ঠাগুলিতে আকর্ষণীয় এবং আকর্ষক তালিকা তৈরি করার জন্য তালিকা শৈলীর ধরন একটি দরকারী সম্পত্তি।
এই নিবন্ধটি ব্যাখ্যা করবে:
Tailwind CSS-এ লিস্ট স্টাইল টাইপ কি?
লিস্ট স্টাইল টাইপ হল একটি CSS প্রপার্টি যা অর্ডার করা লিস্ট
- এবং unordered লিস্ট
- প্রথম, '
- দ্বিতীয়, '
- গত '
- -এ লিস্ট আইটেম মার্কারদের চেহারা কাস্টমাইজ করতে ব্যবহার করা হয়। এটি তালিকা আইটেমগুলির জন্য ব্যবহার করা বুলেট বা নম্বরিং শৈলীর ধরন নির্দিষ্ট করে।
তালিকা শৈলীর ধরনে তিনটি শ্রেণী রয়েছে, যেমন:
তালিকা-ডিস্ক
এটি ডিস্কে 'তালিকা-শৈলী-প্রকার' বৈশিষ্ট্য সেট করে, যা একটি পূর্ণ বৃত্ত প্রদর্শন করে অক্রমহীন তালিকার জন্য চিহ্নিতকারী হিসাবে '
তালিকা-দশমিক
এটি 'লিস্ট-স্টাইল-টাইপ' বৈশিষ্ট্যকে দশমিকে সেট করে, যা সংখ্যাসূচক দশমিক মান (1, 2, 3, ইত্যাদি) নির্দেশিত তালিকার জন্য চিহ্নিতকারী হিসাবে দেখায় '
তালিকা-কোনটি নয়
এটি 'তালিকা-শৈলী-টাইপ' বৈশিষ্ট্যটি কোনটিতে সেট করে না, যার অর্থ তালিকা আইটেমগুলির জন্য কোনও মার্কার প্রদর্শিত হয় না।
Tailwind CSS-এ লিস্ট স্টাইল টাইপ কীভাবে ব্যবহার করবেন?
Tailwind CSS-এ লিস্ট স্টাইল টাইপ ব্যবহার করতে, প্রথমে একটি HTML প্রোগ্রাম তৈরি করুন এবং এর মধ্যে তালিকার উপাদানগুলি ব্যবহার করুন “ তালিকা-ডিস্ক ' এবং ' তালিকা-দশমিক 'ইউটিলিটিস। তারপর, এইচটিএমএল প্রোগ্রাম চালান এবং যাচাইকরণের জন্য আউটপুট দেখুন:
ধাপ 1: তালিকা আইটেম ব্যবহার করে HTML ওয়েব পৃষ্ঠা তৈরি করুন
প্রথমে একটি এইচটিএমএল প্রোগ্রাম তৈরি করুন এবং 'লিস্ট-ডিস্ক' এবং 'লিস্ট-ডেসিমেল' ইউটিলিটিগুলি ব্যবহার করে তালিকার উপাদানগুলি ব্যবহার করুন। উদাহরণস্বরূপ, আমরা নিম্নলিখিত উপাদানগুলি ব্যবহার করেছি:
< শরীর >
< div ক্লাস = 'এইচ-স্ক্রিন এমএল-10' >
< উল ক্লাস = 'তালিকা-ডিস্ক' >
< যে > তালিকা আইটেম 1 < / যে >
< যে > তালিকা আইটেম 2 < / যে >
< যে > তালিকা আইটেম 3 < / যে >
< / উল >
< br >
< ol ক্লাস = 'তালিকা-দশমিক' >
< যে > তালিকা আইটেম 1 < / যে >
< যে > তালিকা আইটেম 2 < / যে >
< যে > তালিকা আইটেম 3 < / যে >
< / ol >
< br >
< উল >
< যে > তালিকা আইটেম 1 < / যে >
< যে > তালিকা আইটেম 2 < / যে >
< যে > তালিকা আইটেম 3 < / যে >
< / উল >
< / div >
< / শরীর >এখানে,
ধাপ 2: HTML ওয়েব পেজ দেখুন
তারপরে, এইচটিএমএল প্রোগ্রামটি চালান এবং আউটপুট যাচাই করতে ওয়েব পৃষ্ঠাটি দেখুন:
উপরের আউটপুট সেই তালিকাগুলিকে প্রদর্শন করেছে যা অনুসারে তাদের স্টাইল করা হয়েছিল।
উপসংহার
লিস্ট স্টাইল টাইপ হল একটি সিএসএস প্রপার্টি যা ক্রমানুসারে এবং ক্রমবিহীন তালিকায় তালিকা আইটেম মার্কারগুলির চেহারা কাস্টমাইজ করতে ব্যবহার করা হয়। এটি তালিকা আইটেমগুলির জন্য ব্যবহার করা বুলেট বা নম্বরিং শৈলীর ধরন নির্দিষ্ট করে। এটি নির্দিষ্ট করে Tailwind-এ ব্যবহার করা যেতে পারে “ তালিকা-ডিস্ক ' এবং ' তালিকা-দশমিক 'ইউটিলিটিস। এই নিবন্ধটি তালিকা শৈলীর ধরন এবং Tailwind-এ এর ব্যবহার সম্পর্কে ব্যাখ্যা করেছে।
- প্রথম, '
- ” উপাদান এবং এক বা একাধিক চাইল্ড “