Border

Border Style

Style syntax for setting the line style for an element’s border.

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

Class	Declarations
`border-style:style` `/` `border:style` `/` `b:style`	`border-style: style`
`border-style:style\|style`	`border-style: style style`
`border-style:style\|style\|style`	`border-style: style style style`
`border-style:style\|style\|style\|style`	`border-style: style style style style`
`border-top:style` `/` `bt:style`	`border-top: style`
`border-bottom:style` `/` `bb:style`	`border-bottom: style`
`border-left:style` `/` `bl:style`	`border-left: style`
`border-right: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 in different states using selectors, media queries, etc.

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