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