Style syntax for setting an element’s border.

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

Overview [sr-only]

border:size|style|color / b:size|style|colorborder: sizerem style color solid
border-top:size|style|color / bt:size|style|colorborder-top: sizerem style color solid
border-bottom:size|style|color / bb:size|style|colorborder-bottom: sizerem style color solid
border-left:size|style|color / bl:size|style|colorborder-left: sizerem style color solid
border-right:size|style|color / br:size|style|colorborder-right: sizerem style color solid
bx:size|style|colorborder-left: sizerem style color solid; border-right: sizerem style color solid
by:size|style|colorborder-top: sizerem style color solid; border-bottom: sizerem style color solid

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="border:1|solid|blue-60:hover border:1|solid|blue-60@sm border:1|solid|blue-60@dark border:1|solid|blue-60@print"></div>
Background Size

Style syntax for setting the size of the background image.

Border Color

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

MIT License © Aoyue Design LLC.