خط مرز

کلاس های دردسترس برای خط مرز 1px

نام کلاس
توضیحات
.bt-1
خط مرز بالا : جامد 1px
.bb-1
خط مرز پایین : جامد 1px
.bl-1
خط مرز چپ : جامد 1px
.br-1
خط مرز راست : جامد 1px
.bx-1
خط مرز چپ : جامد 1px
خط مرز راست : جامد 1px
.by-1
خط مرز بالا : جامد 1px
خط مرز پایین : جامد 1px
.b-1
خط مرز : جامد 1px

برای ایجاد خط مرز از کلاسی با فرمت b{side}-{size} استفاده کنید، که در آن {size} یکی از مقادیر 0 ، 1 ، 2 ، 3 ، 4 یا 5 می باشد و {side} یکی از موارد زیر است :

  • t : خط مرز بالا
  • b : خط مرز پایین
  • l : خط مرز چپ
  • r : خط مرز راست
  • x : خط مرز راست و چپ
  • y : خط مرز بالا و پایین
  • هیچ : همه اطراف

<div class="b-dashed"></div>

<div class="b-dotted"></div>

<div class="b-double"></div>

<div class="b-groove"></div>

<div class="b-solid"></div>

<div class="b-1"></div>

<div class="bx-2"></div>

<div class="by-3"></div>

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

<div class="br-2 border-success"></div>

<div class="bt-1 border-danger"></div>

<div class="bb-1 border-info"></div>