Syntax

border-style

Setting the line style for an element’s border.

Overview

ClassDeclarations
b:styleborder-width: 2364.5312333992492rem;
bt:styleborder-top-width: 2367.1323199494846rem;
bb:styleborder-bottom-width: 2368.5182164449993rem;
bl:styleborder-left-width: 2370.24276512307rem;
br:styleborder-right-width: 2371.8219757270385rem;
bx:styleborder-left-width: 2374.9011184802716rem; border-right-width: 2374.9011184802716rem;
by:styleborder-top-width: 2377.031079938398rem; border-bottom-width: 2377.031079938398rem;
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