Home
Docs
Blog
Borders

border-style

Utilities for setting border style.

Quick reference

Border Style

Class Styles 
border-solid
 
--sf-border-style: solid;
border-style: solid;
 
border-dashed
 
--sf-border-style: dashed;
border-style: dashed;
 
border-dotted
 
--sf-border-style: dotted;
border-style: dotted;
 
border-double
 
--sf-border-style: double;
border-style: double;
 
border-hidden
 
--sf-border-style: hidden;
border-style: hidden;

Divide Style

Class Styles 
divide-solid
 
& > :not(:last-child) {
    border-style: solid;
}
 
divide-dashed
 
& > :not(:last-child) {
    border-style: dashed;
}
 
divide-dotted
 
& > :not(:last-child) {
    border-style: dotted;
}
 
divide-double
 
& > :not(:last-child) {
    border-style: double;
}
 
divide-hidden
 
& > :not(:last-child) {
    border-style: hidden;
}
On This Page
Quick Reference
border-width

© 2025, Fynydd LLC / King of Prussia, Pennsylvania; United States / +1 855-439-6933

By using this website you accept our privacy policy. Choose the browser data you consent to allow:

Only Required
Accept and Close