Border

Border Color

Style syntax for setting the color of an element’s border.

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

Class	Declarations
`border-color:color` `/` `border:color` `/` `b:color`	`border-color: 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 in different states using selectors, media queries, etc.

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