Borders Utilities

Use the edge classes to quickly stylize the edges of an element.

Use the borders to add or remove the edges of an element.

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

Use edges on the same side.

<div class="border-y"></div>
<div class="border-x"></div>
Remove border
<div class="no-border"></div>
<div class="no-border-left"></div>
<div class="no-border-right"></div>
<div class="no-border-top"></div>
<div class="no-border-bottom"></div>

Remove edges from the same side.

<div class="no-border-y"></div>
<div class="no-border-x"></div>
<div class="rounded"></div>
<div class="circle"></div>
Contribute on GitHub
Become a sponsor.

If you are using our framework in a product that generates income, you can also help its maintenance if you wish, if you frequently help in your company or personal developments consider making a recurring donation.

If you want to see your company's logo on this site it's time to be a serious Sponsor.

eFrolic | framework css 2018
eFrolic | framework css 2018

One-time donation

eFrolic | framework css 2018
eFrolic | framework css 2018

Serious sponsor

Become a Patron