Border styles

Change border style with useful classes.
Example
Dashed
Dotted
Double
Solid
<!-- Source -->
<div class="border-dashed"></div>
<div class="border-top-dashed"></div>
<div class="border-right-dashed"></div>
<div class="border-bottom-dashed"></div>
<div class="border-left-dashed"></div>

<div class="border-dotted"></div>
<div class="border-top-dotted"></div>
<div class="border-right-dotted"></div>
<div class="border-bottom-dotted"></div>
<div class="border-left-dotted"></div>

<div class="border-double"></div>
<div class="border-top-double"></div>
<div class="border-right-double"></div>
<div class="border-bottom-double"></div>
<div class="border-left-double"></div>

<div class="border-solid"></div>
<div class="border-top-solid"></div>
<div class="border-right-solid"></div>
<div class="border-bottom-solid"></div>
<div class="border-left-solid"></div>