Syntax

border-style🚧

Setting the line style for an element’s border.

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

Overview

ClassDeclarations
b:styleborder-width: 3795.1390806740515rem;
bt:styleborder-top-width: 3797.41705159424rem;
bb:styleborder-bottom-width: 3798.7510492950305rem;
bl:styleborder-left-width: 3801.0632089884634rem;
br:styleborder-right-width: 3802.316388811136rem;
bx:styleborder-left-width: 3803.939188108992rem; border-right-width: 3803.939188108992rem;
by:styleborder-top-width: 3805.2176197094764rem; border-bottom-width: 3805.2176197094764rem;
b:noneborder-style: none;
b:hiddenborder-style: hidden;
b:dottedborder-style: dotted;
b:dashedborder-style: dashed;
b:solidborder-style: solid;
b:doubleborder-style: double;
b:grooveborder-style: groove;
b:ridgeborder-style: ridge;
b:insetborder-style: inset;
b:outsetborder-style: outset;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

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

Setting radius of an element’s corners.

Syntax
border-width

Setting the width of an element’s border.

© Aoyue Design LLC.