Skip to content

Border Width

Below, utility classes to apply border-width property.

ClassProperties
.border-0border-width: 0px;
.borderborder-width: 1px;
.border-2border-width: 2px;
.border-4border-width: 4px;
.border-6border-width: 6px;
.border-8border-width: 8px;

Example(s)

html
<div class="border-0 border-solid ..."></div>
<div class="border-2 border-solid ..."></div>
<div class="border-4 border-solid ..."></div>
<div class="border-6 border-solid ..."></div>
<div class="border-8 border-solid ..."></div>

Top

Below, utility classes to apply border-top-width property.

ClassProperties
.border-top-0border-top-width: 0px;
.border-topborder-top-width: 1px;
.border-top-2border-top-width: 2px;
.border-top-4border-top-width: 4px;
.border-top-6border-top-width: 6px;
.border-top-8border-top-width: 8px;

Right

Below, utility classes to apply border-right-width property.

ClassProperties
.border-right-0border-right-width: 0px;
.border-rightborder-right-width: 1px;
.border-right-2border-right-width: 2px;
.border-right-4border-right-width: 4px;
.border-right-6border-right-width: 6px;
.border-right-8border-right-width: 8px;

Bottom

Below, utility classes to apply border-bottom-width property.

ClassProperties
.border-bottom-0border-bottom-width: 0px;
.border-bottomborder-bottom-width: 1px;
.border-bottom-2border-bottom-width: 2px;
.border-bottom-4border-bottom-width: 4px;
.border-bottom-6border-bottom-width: 6px;
.border-bottom-8border-bottom-width: 8px;

Left

Below, utility classes to apply border-left-width property.

ClassProperties
.border-left-0border-left-width: 0px;
.border-leftborder-left-width: 1px;
.border-left-2border-left-width: 2px;
.border-left-4border-left-width: 4px;
.border-left-6border-left-width: 6px;
.border-left-8border-left-width: 8px;

Released under the Beerware 🍺 License.