📌 در Tailwind می‌تونیم رنگ خطوط متن (مثل underline یا line-through) رو مشخص کنیم.
این کار با کلاس‌های decoration-* انجام میشه.

✅ کلاس‌ها

• decoration-black → خط مشکی

• decoration-white → خط سفید

• decoration-gray-500 → خط خاکستری

• decoration-red-500 → خط قرمز

• decoration-blue-500 → خط آبی

• decoration-green-500 → خط سبز

✅ مثال

<p class="underline decoration-red-500 mb-2">
  این متن زیرخط قرمز دارد.
</p>

<p class="line-through decoration-blue-500 mb-2">
  این متن خط روی آن آبی دارد.
</p>

<p class="underline decoration-green-500 mb-2">
  این متن زیرخط سبز دارد.
</p>

📌 نکات مهم

• رنگ خط فقط زمانی دیده میشه که underline یا line-through فعال باشه.

• می‌تونی با ترکیب کلاس‌های decoration-2 یا decoration-dotted ضخامت و نوع خط رو هم تغییر بدی:

<p class="underline decoration-4 decoration-dotted decoration-purple-500">
  زیرخط ضخیم و نقطه‌ای با رنگ بنفش
</p>