Border Width
Below, utility classes to apply border-width property.
| Class | Properties |
|---|---|
| .border-0 | border-width: 0px; |
| .border | border-width: 1px; |
| .border-2 | border-width: 2px; |
| .border-4 | border-width: 4px; |
| .border-6 | border-width: 6px; |
| .border-8 | border-width: 8px; |
Example(s)
html
<div class="border-0 border-solid ..."></div>
<div class="border-2 border-solid ..."></div>
<div class="border-4 border-solid ..."></div>
<div class="border-6 border-solid ..."></div>
<div class="border-8 border-solid ..."></div>Top
Below, utility classes to apply border-top-width property.
| Class | Properties |
|---|---|
| .border-top-0 | border-top-width: 0px; |
| .border-top | border-top-width: 1px; |
| .border-top-2 | border-top-width: 2px; |
| .border-top-4 | border-top-width: 4px; |
| .border-top-6 | border-top-width: 6px; |
| .border-top-8 | border-top-width: 8px; |
Right
Below, utility classes to apply border-right-width property.
| Class | Properties |
|---|---|
| .border-right-0 | border-right-width: 0px; |
| .border-right | border-right-width: 1px; |
| .border-right-2 | border-right-width: 2px; |
| .border-right-4 | border-right-width: 4px; |
| .border-right-6 | border-right-width: 6px; |
| .border-right-8 | border-right-width: 8px; |
Bottom
Below, utility classes to apply border-bottom-width property.
| Class | Properties |
|---|---|
| .border-bottom-0 | border-bottom-width: 0px; |
| .border-bottom | border-bottom-width: 1px; |
| .border-bottom-2 | border-bottom-width: 2px; |
| .border-bottom-4 | border-bottom-width: 4px; |
| .border-bottom-6 | border-bottom-width: 6px; |
| .border-bottom-8 | border-bottom-width: 8px; |
Left
Below, utility classes to apply border-left-width property.
| Class | Properties |
|---|---|
| .border-left-0 | border-left-width: 0px; |
| .border-left | border-left-width: 1px; |
| .border-left-2 | border-left-width: 2px; |
| .border-left-4 | border-left-width: 4px; |
| .border-left-6 | border-left-width: 6px; |
| .border-left-8 | border-left-width: 8px; |