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.

Example:

<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>

Border-radius

<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.

One-time donation

Donate

Serious sponsor

Become a Patron