語法

邊框樣式border-style

Setting the line style for an element’s border.

Overview

ClassDeclarations
b:styleborder-width: 2461.265450256662rem;
bt:styleborder-top-width: 2463.5078439256854rem;
bb:styleborder-bottom-width: 2466.2457200993263rem;
bl:styleborder-left-width: 2468.5173851673344rem;
br:styleborder-right-width: 2471.102783419854rem;
bx:styleborder-left-width: 2473.171863371258rem; border-right-width: 2473.171863371258rem;
by:styleborder-top-width: 2476.017591153417rem; border-bottom-width: 2476.017591153417rem;
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>

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy