Border Width

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

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

Overview [sr-only]

border-width:size / border:size / b:sizeborder-width: sizerem
border-width:size|sizeborder-width: sizerem sizerem
border-width:size|size|size|sizeborder-width: sizerem sizerem sizerem sizerem
border-top:size / bt:sizeborder-top-width: sizerem
border-bottom:size / bb:sizeborder-bottom-width: sizerem
border-left:size / bl:sizeborder-left-width: sizerem
border-right:size / br:sizeborder-right-width: sizerem
bx:sizeborder-left-width: sizerem; border-right-width: sizerem
by:sizeborder-top-width: sizerem; border-bottom-width: sizerem

Conditionally apply

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

<div class="border-width:10:hover border-width:10@sm border-width:10@dark border-width:10@print"></div>
Border Style

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

Backdrop Filter

Style syntax for applying filter effects to the area behind an target element.

MIT License © Aoyue Design LLC.