Text Decoration Style

📌 خاصیت Text Decoration Style مشخص می‌کنه که خط متن صاف، نقطه‌ای، خط‌چین یا موج‌دار باشه.
در Tailwind این کار با کلاس‌های decoration-* انجام میشه.

✅ کلاس‌ها

  • decoration-solid → خط صاف (پیش‌فرض)

  • decoration-dotted → خط نقطه‌ای

  • decoration-dashed → خط خط‌چین

  • decoration-double → خط دو خط

  • decoration-wavy → خط موج‌دار

✅ مثال

<p class="underline decoration-solid mb-2"> زیرخط صاف </p> <p class="underline decoration-dotted mb-2"> زیرخط نقطه‌ای </p> <p class="underline decoration-dashed mb-2"> زیرخط خط‌چین </p> <p class="underline decoration-double mb-2"> زیرخط دو خط </p> <p class="underline decoration-wavy mb-2"> زیرخط موج‌دار </p>

📌 نکات مهم

  • این کلاس‌ها معمولاً با underline یا line-through ترکیب میشن.

  • می‌تونی همزمان با decoration-color رنگ خط و با decoration-2 / decoration-4 ضخامت خط رو کنترل کنی:

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