--- layout: docs 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. group: utilities redirect_from: "/docs/4.0/utilities/" toc: true --- ## Border Use border utilities to add or remove an element's borders. Choose from all borders or one at a time. ### Additive
{% example html %} {% endexample %}
### Subtractive
{% example html %} {% endexample %}
## Border color Change the border color using utilities built on our theme colors.
{% example html %} {% for color in site.data.theme-colors %} {% endfor %} {% endexample %}
## Border-radius Add classes to an element to easily round its corners.
Example rounded image Example top rounded image Example right rounded image Example bottom rounded image Example left rounded image Completely round image Example non-rounded image (overrides rounding applied elsewhere)
{% highlight html %} ... ... ... ... ... ... ... {% endhighlight %}