حاشیه

جدول زیر کلاس های موجود برای حاشیه 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 ...
.by-1
border-top: 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>

آرزو حسینی

2 ساعت قبل

سلام، من آرزو حسینی هستم و شما؟
شما

3 دقیقه قبل

اسم من آراد حقی هست.
آرزو حسینی

40 ثانیه قبل

از آشنایی با شماخوشحالم.
چطور میتونم به شما کمک کنم؟