Border Style

Style syntax for setting the line style for an element’s border.

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

Overview [sr-only]

border-style:style / border:style / b:styleborder-style: style
border-style:style|styleborder-style: style style
border-style:style|style|styleborder-style: style style style
border-style:style|style|style|styleborder-style: style style style style
border-top:style / bt:styleborder-top: style
border-bottom:style / bb:styleborder-bottom: style
border-left:style / bl:styleborder-left: style
border-right:style / br:styleborder-right: style
bx:styleborder-left: style; border-right: style
by:styleborder-top: style; border-bottom: style
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 in different states using selectors, media queries, etc.

<div class="border-style:solid:hover border-style:solid@sm border-style:solid@dark border-style:solid@print"></div>
Border Radius

Style syntax for setting radius of an element’s corners.

Border Width

Style syntax for setting the width of an element’s border.

MIT License © Aoyue Design LLC.