Theme
- Light
- Dark
Border width
The border-width shorthand CSS property sets the width of an element's border.
| Base class | {value} | Property | Property value |
|---|---|---|---|
| |||
0 |
var(--spc-0) | ||
1 |
var(--spc-1) | ||
2 |
var(--spc-2) | ||
3 |
var(--spc-3) | ||
4 |
var(--spc-4) | ||
5 |
var(--spc-5) | ||
6 |
var(--spc-6) | ||
7 |
var(--spc-7) | ||
8 |
var(--spc-8) | ||
9 |
var(--spc-9) | ||
10 |
var(--spc-10) | ||
11 |
var(--spc-11) | ||
12 |
var(--spc-12) | ||
13 |
var(--spc-13) | ||
at |
auto | ||
ihr |
inherit | ||
us |
unset |
All classes
| Class name | Styles |
|---|---|
_bdw-0 |
border-width: var(--spc-0); |
_bdw-1 |
border-width: var(--spc-1); |
_bdw-2 |
border-width: var(--spc-2); |
_bdw-3 |
border-width: var(--spc-3); |
_bdw-4 |
border-width: var(--spc-4); |
_bdw-5 |
border-width: var(--spc-5); |
_bdw-6 |
border-width: var(--spc-6); |
_bdw-7 |
border-width: var(--spc-7); |
_bdw-8 |
border-width: var(--spc-8); |
_bdw-9 |
border-width: var(--spc-9); |
_bdw-10 |
border-width: var(--spc-10); |
_bdw-11 |
border-width: var(--spc-11); |
_bdw-12 |
border-width: var(--spc-12); |
_bdw-13 |
border-width: var(--spc-13); |
_bdw-at |
border-width: auto; |
_bdw-ihr |
border-width: inherit; |
_bdw-us |
border-width: unset; |
_bdlw-0 |
border-left-width: var(--spc-0); |
_bdlw-1 |
border-left-width: var(--spc-1); |
_bdlw-2 |
border-left-width: var(--spc-2); |
_bdlw-3 |
border-left-width: var(--spc-3); |
_bdlw-4 |
border-left-width: var(--spc-4); |
_bdlw-5 |
border-left-width: var(--spc-5); |
_bdlw-6 |
border-left-width: var(--spc-6); |
_bdlw-7 |
border-left-width: var(--spc-7); |
_bdlw-8 |
border-left-width: var(--spc-8); |
_bdlw-9 |
border-left-width: var(--spc-9); |
_bdlw-10 |
border-left-width: var(--spc-10); |
_bdlw-11 |
border-left-width: var(--spc-11); |
_bdlw-12 |
border-left-width: var(--spc-12); |
_bdlw-13 |
border-left-width: var(--spc-13); |
_bdlw-at |
border-left-width: auto; |
_bdlw-ihr |
border-left-width: inherit; |
_bdlw-us |
border-left-width: unset; |
_bdrw-0 |
border-right-width: var(--spc-0); |
_bdrw-1 |
border-right-width: var(--spc-1); |
_bdrw-2 |
border-right-width: var(--spc-2); |
_bdrw-3 |
border-right-width: var(--spc-3); |
_bdrw-4 |
border-right-width: var(--spc-4); |
_bdrw-5 |
border-right-width: var(--spc-5); |
_bdrw-6 |
border-right-width: var(--spc-6); |
_bdrw-7 |
border-right-width: var(--spc-7); |
_bdrw-8 |
border-right-width: var(--spc-8); |
_bdrw-9 |
border-right-width: var(--spc-9); |
_bdrw-10 |
border-right-width: var(--spc-10); |
_bdrw-11 |
border-right-width: var(--spc-11); |
_bdrw-12 |
border-right-width: var(--spc-12); |
_bdrw-13 |
border-right-width: var(--spc-13); |
_bdrw-at |
border-right-width: auto; |
_bdrw-ihr |
border-right-width: inherit; |
_bdrw-us |
border-right-width: unset; |
_bdtw-0 |
border-top-width: var(--spc-0); |
_bdtw-1 |
border-top-width: var(--spc-1); |
_bdtw-2 |
border-top-width: var(--spc-2); |
_bdtw-3 |
border-top-width: var(--spc-3); |
_bdtw-4 |
border-top-width: var(--spc-4); |
_bdtw-5 |
border-top-width: var(--spc-5); |
_bdtw-6 |
border-top-width: var(--spc-6); |
_bdtw-7 |
border-top-width: var(--spc-7); |
_bdtw-8 |
border-top-width: var(--spc-8); |
_bdtw-9 |
border-top-width: var(--spc-9); |
_bdtw-10 |
border-top-width: var(--spc-10); |
_bdtw-11 |
border-top-width: var(--spc-11); |
_bdtw-12 |
border-top-width: var(--spc-12); |
_bdtw-13 |
border-top-width: var(--spc-13); |
_bdtw-at |
border-top-width: auto; |
_bdtw-ihr |
border-top-width: inherit; |
_bdtw-us |
border-top-width: unset; |
_bdbtw-0 |
border-bottom-width: var(--spc-0); |
_bdbtw-1 |
border-bottom-width: var(--spc-1); |
_bdbtw-2 |
border-bottom-width: var(--spc-2); |
_bdbtw-3 |
border-bottom-width: var(--spc-3); |
_bdbtw-4 |
border-bottom-width: var(--spc-4); |
_bdbtw-5 |
border-bottom-width: var(--spc-5); |
_bdbtw-6 |
border-bottom-width: var(--spc-6); |
_bdbtw-7 |
border-bottom-width: var(--spc-7); |
_bdbtw-8 |
border-bottom-width: var(--spc-8); |
_bdbtw-9 |
border-bottom-width: var(--spc-9); |
_bdbtw-10 |
border-bottom-width: var(--spc-10); |
_bdbtw-11 |
border-bottom-width: var(--spc-11); |
_bdbtw-12 |
border-bottom-width: var(--spc-12); |
_bdbtw-13 |
border-bottom-width: var(--spc-13); |
_bdbtw-at |
border-bottom-width: auto; |
_bdbtw-ihr |
border-bottom-width: inherit; |
_bdbtw-us |
border-bottom-width: unset; |
_bdvw-0 |
border-top-width: var(--spc-0); border-bottom-width: var(--spc-0); |
_bdvw-1 |
border-top-width: var(--spc-1); border-bottom-width: var(--spc-1); |
_bdvw-2 |
border-top-width: var(--spc-2); border-bottom-width: var(--spc-2); |
_bdvw-3 |
border-top-width: var(--spc-3); border-bottom-width: var(--spc-3); |
_bdvw-4 |
border-top-width: var(--spc-4); border-bottom-width: var(--spc-4); |
_bdvw-5 |
border-top-width: var(--spc-5); border-bottom-width: var(--spc-5); |
_bdvw-6 |
border-top-width: var(--spc-6); border-bottom-width: var(--spc-6); |
_bdvw-7 |
border-top-width: var(--spc-7); border-bottom-width: var(--spc-7); |
_bdvw-8 |
border-top-width: var(--spc-8); border-bottom-width: var(--spc-8); |
_bdvw-9 |
border-top-width: var(--spc-9); border-bottom-width: var(--spc-9); |
_bdvw-10 |
border-top-width: var(--spc-10); border-bottom-width: var(--spc-10); |
_bdvw-11 |
border-top-width: var(--spc-11); border-bottom-width: var(--spc-11); |
_bdvw-12 |
border-top-width: var(--spc-12); border-bottom-width: var(--spc-12); |
_bdvw-13 |
border-top-width: var(--spc-13); border-bottom-width: var(--spc-13); |
_bdvw-at |
border-top-width: auto; border-bottom-width: auto; |
_bdvw-ihr |
border-top-width: inherit; border-bottom-width: inherit; |
_bdvw-us |
border-top-width: unset; border-bottom-width: unset; |
_bdhw-0 |
border-left-width: var(--spc-0); border-right-width: var(--spc-0); |
_bdhw-1 |
border-left-width: var(--spc-1); border-right-width: var(--spc-1); |
_bdhw-2 |
border-left-width: var(--spc-2); border-right-width: var(--spc-2); |
_bdhw-3 |
border-left-width: var(--spc-3); border-right-width: var(--spc-3); |
_bdhw-4 |
border-left-width: var(--spc-4); border-right-width: var(--spc-4); |
_bdhw-5 |
border-left-width: var(--spc-5); border-right-width: var(--spc-5); |
_bdhw-6 |
border-left-width: var(--spc-6); border-right-width: var(--spc-6); |
_bdhw-7 |
border-left-width: var(--spc-7); border-right-width: var(--spc-7); |
_bdhw-8 |
border-left-width: var(--spc-8); border-right-width: var(--spc-8); |
_bdhw-9 |
border-left-width: var(--spc-9); border-right-width: var(--spc-9); |
_bdhw-10 |
border-left-width: var(--spc-10); border-right-width: var(--spc-10); |
_bdhw-11 |
border-left-width: var(--spc-11); border-right-width: var(--spc-11); |
_bdhw-12 |
border-left-width: var(--spc-12); border-right-width: var(--spc-12); |
_bdhw-13 |
border-left-width: var(--spc-13); border-right-width: var(--spc-13); |
_bdhw-at |
border-left-width: auto; border-right-width: auto; |
_bdhw-ihr |
border-left-width: inherit; border-right-width: inherit; |
_bdhw-us |
border-left-width: unset; border-right-width: unset; |