Syntax
border-color
Setting the color of an element’s border.
Overview
Class | Declarations |
---|---|
b:color | border-color: color;
|
b:current | border-color: currentColor;
|
bt:current | border-top-color: currentColor;
|
bb:current | border-bottom-color: currentColor;
|
bl:current | border-left-color: currentColor;
|
br:current | border-right-color: currentColor;
|
bx:current | border-left-color: currentColor;
border-right-color: currentColor;
|
by:current | border-top-color: currentColor;
border-bottom-color: currentColor;
|
b:transparent | border-color: transparent;
|
bt:transparent | border-top-color: transparent;
|
bb:transparent | border-bottom-color: transparent;
|
bl:transparent | border-left-color: transparent;
|
br:transparent | border-right-color: transparent;
|
bx:transparent | border-left-color: transparent;
border-right-color: transparent;
|
by:transparent | border-top-color: transparent;
border-bottom-color: transparent;
|
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="border-color:blue-60:hover border-color:blue-60@sm border-color:blue-60@dark border-color:blue-60@print">…</div>