語法

邊框樣式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: 3824.9354411856607rem;
bt:styleborder-top-width: 3826.3759375374984rem;
bb:styleborder-bottom-width: 3828.529266821884rem;
bl:styleborder-left-width: 3829.784270837502rem;
br:styleborder-right-width: 3832.3072864514083rem;
bx:styleborder-left-width: 3834.3974547714943rem; border-right-width: 3834.3974547714943rem;
by:styleborder-top-width: 3837.1597013577834rem; border-bottom-width: 3837.1597013577834rem;
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>
語法
邊框圓角

Setting radius of an element’s corners.

語法
邊框寬度

Setting the width of an element’s border.

© Aoyue Design LLC.