Borders

With the border classes of this framework you can provide the elements with borders.

border

<div class="border"></div>

border-top

<div class="border-top"></div>

border-right

<div class="border-right"></div>

border-bottom

<div class="border-bottom"></div>

border-left

<div class="border-left"></div>

Click here to switch between border and border-0

border border-0

<div class="border border-0"></div>

border border-top-0

<div class="border border-top-0"></div>

border border-right-0

<div class="border border-right-0"></div>

border border-bottom-0

<div class="border border-bottom-0"></div>

border border-left-0

<div class="border border-left-0"></div>

border border-width-2

<div class="border border-width-2"></div>

border border-width-4

<div class="border border-width-4"></div>

border border-width-6

<div class="border border-width-6"></div>

border border-width-8

<div class="border border-width-8"></div>

border border-width-10

<div class="border border-width-10"></div>

border border-style-dashed

<div class="border border-style-dashed"></div>

border border-style-dotted

<div class="border border-style-dotted"></div>

border border-black

border border-white

border border-gray

border border-blue

border border-green

border border-teal

border border-red

border border-yellow

border border-orange

border border-brown

border border-purple

border border-pink

Let's have fun