---
title: Borders
menu: docs.utils.borders
description: Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
---
## Border direction
The following border utilities classes will add border to any side of an element.
{% capture code %}
{% endcapture %}
{% include example.html code=code centered=true wrapper="d-flex space-x-3" %}
## Border size
Below are the available border size utilities classes.
{% capture code %}
{% endcapture %}
{% include example.html code=code centered=true wrapper="d-flex space-x-3" %}
## Remove border
You can remove a border on a single side of an element by using the following border utilities classes.
{% capture code %}
{% endcapture %}
{% include example.html code=code centered=true wrapper="d-flex space-x-3" %}
## Border color
You can set a border color of any side of an element by adding the following utilities classes below.
{% capture code %}
{% for color in site.theme-colors %}
{% endfor %}
{% endcapture %}
{% include example.html code=code wrapper="btn-list" centered=true %}
## Border radius
You can set a border to any element by using the following utilities classes below.
{% capture code %}
{% endcapture %}
{% include example.html code=code centered=true wrapper="d-flex space-x-3" %}