Borders
Add Borders
border applies a border to the entire element, while border-{SIDE} applies a border to
a specific side of the element, where {SIDE} is top, right,
bottom, or left.
border
border-top
border-right
border-bottom
border-left
Code
<span class="border"></span>
<span class="border-top"></span>
<span class="border-right"></span>
<span class="border-bottom"></span>
<span class="border-left"></span>
Border Width
border-{WIDTH} applies a border width to your element where {WIDTH} is a number
between 0 & 10.
border-0
border-1
border-2
border-3
border-4
border-5
border-6
border-7
border-8
border-9
border-10
Code
<span class="border-0"></span>
<span class="border-1"></span>
<span class="border-2"></span>
<span class="border-3"></span>
<span class="border-4"></span>
<span class="border-5"></span>
<span class="border-6"></span>
<span class="border-7"></span>
<span class="border-8"></span>
<span class="border-9"></span>
<span class="border-10"></span>