Border

Border Width

Style syntax for setting the width of an element’s border.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`border-width:size` `/` `border:size` `/` `b:size`	`border-width: sizerem`
`border-width:size\|size`	`border-width: sizerem sizerem`
`border-width:size\|size\|size\|size`	`border-width: sizerem sizerem sizerem sizerem`
`border-top:size` `/` `bt:size`	`border-top-width: sizerem`
`border-bottom:size` `/` `bb:size`	`border-bottom-width: sizerem`
`border-left:size` `/` `bl:size`	`border-left-width: sizerem`
`border-right:size` `/` `br:size`	`border-right-width: sizerem`
`bx:size`	`border-left-width: sizerem; border-right-width: sizerem`
`by:size`	`border-top-width: sizerem; border-bottom-width: sizerem`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="border-width:10:hover border-width:10@sm border-width:10@dark border-width:10@print">…</div>