Syntax

Border Style

Setting the line style for an element’s border.

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

Class	Declarations
`b:style`	`border: style;`
`bt:style`	`border-top: style;`
`bb:style`	`border-bottom: style;`
`bl:style`	`border-left: style;`
`br:style`	`border-right: style;`
`bx:style`	`border-left: style; border-right: style;`
`by:style`	`border-top: style; border-bottom: style;`
`b:none`	`border-style: none;`
`b:hidden`	`border-style: hidden;`
`b:dotted`	`border-style: dotted;`
`b:dashed`	`border-style: dashed;`
`b:solid`	`border-style: solid;`
`b:double`	`border-style: double;`
`b:groove`	`border-style: groove;`
`b:ridge`	`border-style: ridge;`
`b:inset`	`border-style: inset;`
`b:outset`	`border-style: outset;`

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

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