📌 این ویژگی مشخص می‌کنه که سبک حاشیه (border) یک عنصر چه حالتی داشته باشد.
در Tailwind از کلاس‌های border-{style} استفاده می‌کنیم.

✅ کلاس‌ها

• border-solid → حاشیه ساده و پیوسته (default)

• border-dashed → حاشیه خط‌چین

• border-dotted → حاشیه نقطه‌نقطه

• border-double → حاشیه دو خط

• border-none → بدون حاشیه

📌 می‌توان این کلاس‌ها را همراه با border-width و border-color استفاده کرد.

✅ مثال

<div class="w-32 h-16 border-4 border-black border-solid mb-2">
  حاشیه ساده
</div>

<div class="w-32 h-16 border-4 border-red-500 border-dashed mb-2">
  حاشیه خط‌چین
</div>

<div class="w-32 h-16 border-4 border-green-500 border-dotted mb-2">
  حاشیه نقطه‌نقطه
</div>

<div class="w-32 h-16 border-4 border-blue-500 border-double mb-2">
  حاشیه دو خط
</div>

<div class="w-32 h-16 border-none mb-2">
  بدون حاشیه
</div>

📌 نکات مهم

• اغلب border-style همراه با border-width و border-color استفاده می‌شود تا ظاهر کامل حاشیه مشخص شود.

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

  • sm:border-dashed md:border-solid → موبایل خط‌چین، دسکتاپ ساده