border-width
Utilities for controlling the width of an element's borders.
| Utility | Styles |
|---|---|
border['1px'] | border-width: 1px; |
border[*<value>*] | border-width: *<number>*px; |
border.x['1px'] | border-inline-width: 1px; |
border.x[*<value>*] | border-inline-width: *<number>*px; |
border.y['1px'] | border-block-width: 1px; |
border.y[*<value>*] | border-block-width: *<number>*px; |
border.s['1px'] | border-inline-start-width: 1px; |
border.s[*<value>*] | border-inline-start-width: *<number>*px; |
border.e['1px'] | border-inline-end-width: 1px; |
border.e[*<value>*] | border-inline-end-width: *<number>*px; |
border.t['1px'] | border-block-start-width: 1px; |
border.bs[*<value>*] | border-block-start-width: *<number>*px; |
border.b['1px'] | border-block-end-width: 1px; |
border.be[*<value>*] | border-block-end-width: *<number>*px; |
border.t[*<value>*] | border-top-width: *<number>*px; |
border.r['1px'] | border-right-width: 1px; |
border.r[*<value>*] | border-right-width: *<number>*px; |
border.b[*<value>*] | border-bottom-width: *<number>*px; |
border.l['1px'] | border-left-width: 1px; |
border.l[*<value>*] | border-left-width: *<number>*px; |
divide.x | & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: 1px;} |
divide.x[*<value>*] | & > :not(:last-child) { border-inline-start-width: 0px; border-inline-end-width: *<number>*px;} |
divide.y | & > :not(:last-child) { border-top-width: 0px; border-bottom-width: 1px;} |
divide.y[*<value>*] | & > :not(:last-child) { border-top-width: 0px; border-bottom-width: *<number>*px;} |