Syntax

Border Color

Setting the color of an element’s border.

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

Class	Declarations
`b:color`	`border: color;`
`b:current`	`border-color: currentColor;`
`bt:current`	`border-top-color: currentColor;`
`bb:current`	`border-bottom-color: currentColor;`
`bl:current`	`border-left-color: currentColor;`
`br:current`	`border-right-color: currentColor;`
`bx:current`	`border-left-color: currentColor; border-right-color: currentColor;`
`by:current`	`border-top-color: currentColor; border-bottom-color: currentColor;`
`b:transparent`	`border-color: transparent;`
`bt:transparent`	`border-top-color: transparent;`
`bb:transparent`	`border-bottom-color: transparent;`
`bl:transparent`	`border-left-color: transparent;`
`br:transparent`	`border-right-color: transparent;`
`bx:transparent`	`border-left-color: transparent; border-right-color: transparent;`
`by:transparent`	`border-top-color: transparent; border-bottom-color: transparent;`

Conditionally apply

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

<div class="border-color:blue-60:hover border-color:blue-60@sm border-color:blue-60@dark border-color:blue-60@print">…</div>