---
title: 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.
```html example centered separated background="white"
1
2
3
4
5
6
7
```
```html
1
2
3
4
5
6
7
```
## Border size
Below are the available border size utilities classes.
```html example centered separated background="white"
1
2
3
```
```html
1
2
3
```
## Remove border
You can remove a border on a single side of an element by using the following border utilities classes.
```html example centered separated background="white"
1
2
3
4
5
6
```
```html
1
2
3
4
5
6
```
## Border color
You can set a border color of any side of an element by adding the following utilities classes below.
```html example centered separated background="white"
1
2
3
4
5
6
7
8
```
```html
1
2
3
4
5
6
7
8
```
## Border radius
You can set a border to any element by using the following utilities classes below.
```html example centered separated background="white"
1
2
3
4
5
6
```
```html
1
2
3
4
5
6
```