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-width: 3056.81835634065rem;`
`bt:style`	`border-top-width: 3059.1402903172525rem;`
`bb:style`	`border-bottom-width: 3060.3684690540435rem;`
`bl:style`	`border-left-width: 3061.763313871346rem;`
`br:style`	`border-right-width: 3062.8312950676827rem;`
`bx:style`	`border-left-width: 3064.1689415462483rem; border-right-width: 3064.1689415462483rem;`
`by:style`	`border-top-width: 3065.5657438843764rem; border-bottom-width: 3065.5657438843764rem;`
`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 applying conditionally.

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