Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.
| Add this to class="" | Note |
|---|---|
| border | This needs to be added every time you need a border. |
<span class="border border-1"></span>
<span class="border border-2"></span>
<span class="border border-3"></span>
<span class="border-bottom-0"></span>
| Add this to class="" | To create a border with width of |
|---|---|
| border-1 | .1rem |
| border-2 | .2rem |
| border-3 | .3rem |
| Add this to class="" |
|---|
| border-bottom-0 |
<span class="border border-black"></span>
<span class="border border-darkgray"></span>
<span class="border border-lightgray"></span>
<span class="border border-white"></span>
| Add to class="" | For border to be colored: | Example (shown with border-3) |
|---|---|---|
| (default) | #999999 | |
| black | #000000 | |
| darkgray | #555555 | |
| lightgray | #cccccc | |
| white | #ffffff |