📌 خاصیت Text Decoration تعیین می‌کنه متن زیرخط، روی خط، یا بدون خط نمایش داده بشه.

✅ کلاس‌ها

• underline → اضافه کردن خط زیر متن

• line-through → اضافه کردن خط روی متن (strikethrough)

• no-underline → حذف تمام خطوط متن

✅ مثال

<p class="underline mb-2">این متن زیرخط دارد.</p>
<p class="line-through mb-2">این متن روی آن خط دارد.</p>
<p class="no-underline mb-2 underline">این متن اول خط داشت ولی با no-underline حذف شد.</p>

📌 نکات مهم

• می‌تونی رنگ خط هم کنترل کنی:

  • decoration-red-500 → خط به رنگ قرمز

  • decoration-blue-500 → خط به رنگ آبی

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

  • underline decoration-2 decoration-dotted decoration-red-500

📌 مثال پیشرفته

<p class="underline decoration-2 decoration-dotted decoration-red-500">
  متن با زیرخط ضخیم، نقطه‌ای و قرمز
</p>