جدول زیر کلاس های موجود برای حاشیه 1 پیکسل را نشان می دهد.
نام کلاس
توضیحات
.bt-1
border-top: 1px solid ...
.bb-1
border-bottom: 1px solid ...
.bs-1
border-left: 1px solid ...
.be-1
border-right: 1px solid ...
.bx-1
border-left: 1px solid ...
border-right: 1px solid ...
border-right: 1px solid ...
.by-1
border-top: 1px solid ...
border-bottom: 1px solid ...
border-bottom: 1px solid ...
.b-1
border: 1px solid ...
می توانید با استفاده از کلاس های زیر حاشیه ها را به یک المنت اضافه کنید. همچینی می توانید رنگ حاشیه را با استفاده از کلاس های ابزار رنگ حاشیه تغییر دهید.
کلاسها از فرمت b{side}-{size} پیروی میکنند، که در آن {size}
یکی از مقادیر 4
، 3
، 2
، 1
، 0
یا 5
. است. ، همچنین {side}
یکی از موارد زیر است:
t
: حاشیه بالاb
: حاشیه پایینs
: حاشیه چپe
: حاشیه راستx
: حاشیه چپ و راستy
: حاشیه بالا و پایین- null: همه طرف
<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="bs-3 border-primary"></div>
<div class="be-2 border-success"></div>
<div class="bt-1 border-danger"></div>
<div class="bb-1 border-info"></div>