solid, dashed, dotted, double, hidden, none. This family contains 6 generated classes in Nakshora 3.1.
Classes#
| Class | Generated CSS |
|---|---|
border-solid | border-style: solid; |
border-dashed | border-style: dashed; |
border-dotted | border-style: dotted; |
border-double | border-style: double; |
border-hidden | border-style: hidden; |
border-none | border-style: none; |
Example#
example
<div class="border-2 border-dashed p-6 rounded-lg">Drop zone</div>Responsive & variants#
Every class here accepts screen prefixes (xxs: … 5xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.
Best practices#
- Drop zones: border-dashed + border-2
- Preflight strips borders — style is explicit
Related#
utilities/borders/ring|Ring · comparisons/ring-vs-border-vs-outline|Ring vs border vs outline