List Style Type

📌 توی Tailwind کلاس‌های آماده برای تعیین نوع marker لیست داریم.

✅ کلاس‌ها

  • list-none → بدون marker

  • list-disc → دایره توپر (پیش‌فرض برای ul)

  • list-decimal → لیست عددی (پیش‌فرض برای ol)

✅ مثال

<h2 class="font-bold mb-2">list-disc</h2> <ul class="list-disc pl-5"> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <h2 class="font-bold mb-2 mt-6">list-decimal</h2> <ol class="list-decimal pl-5"> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ol> <h2 class="font-bold mb-2 mt-6">list-none</h2> <ul class="list-none pl-5"> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul>

📌 توضیح

  • list-disc → bullet دایره‌ای (برای ul).

  • list-decimal → شماره‌گذاری (برای ol).

  • list-none → حذف marker (وقتی می‌خوای از آیکون یا استایل سفارشی استفاده کنی).