📌 این ویژگی ضخامت خط متن (underline یا line-through) رو مشخص می‌کنه.
در Tailwind از کلاس‌های decoration-{n} برای این کار استفاده می‌کنیم.

✅ کلاس‌ها

• decoration-1 → خط ضخامت 1px

• decoration-2 → خط ضخامت 2px

• decoration-4 → خط ضخامت 4px

• decoration-8 → خط ضخامت 8px

📌 عدد هر کلاس مشخص‌کننده ضخامت خط به پیکسل هست.

✅ مثال

<p class="underline decoration-1 mb-2">
  زیرخط ضخامت 1px
</p>

<p class="underline decoration-2 mb-2">
  زیرخط ضخامت 2px
</p>

<p class="underline decoration-4 mb-2">
  زیرخط ضخامت 4px
</p>

<p class="underline decoration-8 mb-2">
  زیرخط ضخامت 8px
</p>

📌 نکات مهم

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

• می‌تونی با decoration-color و decoration-style همزمان رنگ و سبک خط رو تغییر بدی:

<p class="underline decoration-dashed decoration-red-500 decoration-4">
  زیرخط قرمز، خط‌چین و ضخامت 4px
</p>