Syntax

border-width

Setting the width of an element’s border.

Overview

ClassDeclarations
b:sizeborder-width: size/16rem;
bt:sizeborder-top-width: size/16rem;
bb:sizeborder-bottom-width: size/16rem;
bl:sizeborder-left-width: size/16rem;
br:sizeborder-right-width: size/16rem;
bx:sizeborder-left-width: size/16rem; border-right-width: size/16rem;
by:sizeborder-top-width: size/16rem; border-bottom-width: size/16rem;

Conditionally apply

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

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

  • Master UI


© 2025 Aoyue Design LLC.MIT License
Trademark Policy