ابزار خط حاشیه

کامپوننت ها

از ابزار خط حاشیه برای سبک سریع خط حاشیه و شعاع خط حاشیه یک عنصر استفاده کنید.

می توانید با کلاس های کاربردی خط حاشیه به هر طرف یک عنصر خط حاشیه اضافه کنید.

مرجع کلاس	جزئیات
`.border`	خط حاشیه را در همه طرف یک عنصر اضافه می کند
`.border-{top\|bottom\|left\|right}`	خط حاشیه را در سمت مربوطه اضافه می کند

مثال استفاده

<div class="border"></div>
<div class="border-top"></div>

می توانید خط حاشیه را به یک سمت از یک عنصر با کلاس های کاربردی خط حاشیه زیر حذف کنید.

مرجع کلاس	جزئیات
`.border-0`	خط حاشیه را از همه طرف یک عنصر حذف می کند
`.border-{top\|bottom\|left\|right}-0`	خط حاشیه را از سمت خاصی از یک عنصر حذف می کند

مثال استفاده

<div class="border-0"></div>
<div class="border-top-0"></div>

رنگ خط حاشیه را با استفاده از ابزارهای ساخته شده بر روی رنگ های تم ما تغییر دهید.

مرجع کلاس	مقدار
`.border-{value}`	primary \| secondary \| success \| warning \| danger \| info \| dark \| gray \| light \| white

مثال استفاده

<div class="border border-primary"></div>

از این کلاس های کاربردی برای تنظیم شعاع عنصر استفاده کنید.

مرجع کلاس	جزئیات
`.rounded`	گوشه گرد یک عنصر را اعمال می کند
`.rounded-{top\|bottom\|left\|right}`	گردی را روی گوشه خاصی از یک عنصر اعمال می کند
`.rounded-circle`	کادر دایره کامل یک عنصر را اعمال می کند
`.rounded-pill`	گوشه گرد قرصی شکل یک عنصر را اعمال می کند
`.rounded-0`	گوشه گرد را از یک عنصر حذف می کند
`.rounded-{sm\|lg}`	گوشه گرد کوچک و بزرگ یک عنصر را اعمال می کند

مثال استفاده

<img src="..." alt="..." class="rounded">
<img src="..." alt="..." class="rounded-top">