Border

The border shorthand CSS property sets an element's border.

Usage

<div class="bw1 bss bc-primary"></div>

.bw0 {
    border-width: 0;
}
.bw1 {
    border-width: 1px;
}
.bw2 {
    border-width: 2px;
}
.bw3 {
    border-width: 3px;
}
.bw4 {
    border-width: 4px;
}
.bw5 {
    border-width: 5px;
}

.bt0 {
    border-top: 0;
}
.br0 {
    border-right: 0;
}
.bb0 {
    border-bottom: 0;
}
.bl0 {
    border-left: 0;
}

.btw1 {
    border-top-width: 1px;
}
.brw1 {
    border-right-width: 1px;
}
.bbw1 {
    border-bottom-width: 1px;
}
.blw1 {
    border-left-width: 1px;
}

// border-style
.bsn {
    border-style: none;
}
.bss {
    border-style: solid;
}
.bs-dotted {
    border-style: dotted;
}
.bs-dashed {
    border-style: dashed;
}
.bs-double {
    border-style: double;
}

.bcc {
    border-collapse: collapse;
}
.bcs {
    border-collapse: separate;
}