📌 این ویژگی تعیین می‌کنه که حروف متن به بزرگ، کوچک یا حالت عنوانی تبدیل بشن.
در Tailwind از کلاس‌های uppercase, lowercase, capitalize استفاده می‌کنیم.

✅ کلاس‌ها

• uppercase → تمام حروف بزرگ

• lowercase → تمام حروف کوچک

• capitalize → حرف اول هر کلمه بزرگ

• normal-case → بازگشت به حالت طبیعی متن

✅ مثال

<p class="uppercase mb-2">
  این متن تماماً بزرگ شده است.
</p>

<p class="lowercase mb-2">
  این متن تماماً کوچک شده است.
</p>

<p class="capitalize mb-2">
  این متن حرف اول هر کلمه بزرگ شده است.
</p>

<p class="normal-case mb-2">
  این متن به حالت طبیعی بازگشته است.
</p>

📌 نکات مهم

• این کلاس‌ها روی هر عنصر متنی قابل استفاده هستند (p, h1, span و …).

• می‌توانی با responsive ترکیب کنی:

  • sm:uppercase md:capitalize → روی موبایل همه حروف بزرگ، از تبلت به بالا حرف اول بزرگ