Border
The
border property is a shorthand property for border-width, border-style and border-color.|
Class
|
Properties
|
|---|---|
border-0 |
border: 0 |
border-1 |
border: 0.063rem |
border-2 |
border: 0.125rem |
border-3 |
border: 0.188rem |
border-4 |
border: 0.25rem |
border-6 |
border: 0.375rem |
border-8 |
border: 0.5rem |
border-10 |
border: 0.625rem |
|
Class
|
Properties
|
|---|---|
border-top-0 |
border-top-width: 0 |
border-top-1 |
border-top-width: 0.063rem |
border-top-2 |
border-top-width: 0.125rem |
border-top-3 |
border-top-width: 0.188rem |
border-top-4 |
border-top-width: 0.25rem |
border-top-6 |
border-top-width: 0.375rem |
border-top-8 |
border-top-width: 0.5rem |
border-top-10 |
border: 0.625rem |
border-right-0 |
border-right-width: 0 |
border-right-1 |
border-right-width: 0.063rem |
border-right-2 |
border-right-width: 0.125rem |
border-right-3 |
border-right-width: 0.188rem |
border-right-4 |
border-right-width: 0.25rem |
border-right-6 |
border-right-width: 0.375rem |
border-right-8 |
border-right-width: 0.5rem |
border-right-10 |
border: 0.625rem |
border-bottom-0 |
border-bottom-width: 0 |
border-bottom-1 |
border-bottom-width: 0.063rem |
border-bottom-2 |
border-bottom-width: 0.125rem |
border-bottom-3 |
border-bottom-width: 0.188rem |
border-bottom-4 |
border-bottom-width: 0.25rem |
border-bottom-6 |
border-bottom-width: 0.375rem |
border-bottom-8 |
border-bottom-width: 0.5rem |
border-bottom-10 |
border: 0.625rem |
border-left-0 |
border-left-width: 0rem |
border-left-1 |
border-left-width: 0.063rem |
border-left-2 |
border-left-width: 0.125rem |
border-left-3 |
border-left-width: 0.188rem |
border-left-4 |
border-left-width: 0.25rem |
border-left-6 |
border-left-width: 0.375rem |
border-left-8 |
border-left-width: 0.5rem |
border-left-10 |
border: 0.625rem |
|
Class
|
Properties
|
|---|---|
border-x-0 |
border-left-width: 0border-right-width: 0 |
border-x-1 |
border-left-width: 0.063remborder-right-width: 0.063rem |
border-x-2 |
border-left-width: 0.125remborder-right-width: 0.125rem |
border-x-3 |
border-left-width: 0.188remborder-right-width: 0.188rem |
border-x-4 |
border-left-width: 0.25remborder-right-width: 0.25rem |
border-x-5 |
border-left-width: 0.313remborder-right-width: 0.313rem |
border-x-6 |
border-left-width: 0.375remborder-right-width: 0.375rem |
border-x-8 |
border-left-width: 0.5remborder-right-width: 0.5rem |
border-x-10 |
border-left-width: 0.625remborder-right-width: 0.625rem |
border-y-0 |
border-top-width: 0border-bottom-width: 0 |
border-y-1 |
border-top-width: 0.063remborder-bottom-width: 0.063rem |
border-y-2 |
border-top-width: 0.125remborder-bottom-width: 0.125rem |
border-y-3 |
border-top-width: 0.188remborder-bottom-width: 0.188rem |
border-y-4 |
border-top-width: 0.25remborder-bottom-width: 0.25rem |
border-y-5 |
border-top-width: 0.313remborder-bottom-width: 0.313rem |
border-y-6 |
border-top-width: 0.375remborder-bottom-width: 0.375rem |
border-y-8 |
border-top-width: 0.5remborder-bottom-width: 0.5rem |
border-y-10 |
border-top-width: 0.625remborder-bottom-width: 0.625rem |
utilities.scss API