Syntax

border-style

Setting the line style for an element’s border.

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;`

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>

Setting radius of an element’s corners.

Setting the width of an element’s border.

Overview