Borders
Border
When set, all borders default to a 1px width which can be offset using border--width-{ i }.
Class
| Class | Result |
|---|---|
border
|
Set border. |
no-border
|
Remove border. |
border-x
|
Set x-axis borders (left and right). |
border-y
|
Set y-axis borders (top and bottom). |
border-t
|
Set top border. |
border-b
|
Set bottom border. |
border-r
|
Set right border. |
border-l
|
Set left border. |
border--width-{ 1-5 }
|
Set custom border width. |
border--color-{ color }
|
Set border color. |
Visualizer
Try this! See how to use the border utilities!
Example Card
Example Card
Example Card