Skip to content

Latest commit

 

History

History
63 lines (53 loc) · 2.16 KB

borders.md

File metadata and controls

63 lines (53 loc) · 2.16 KB
layout title description group redirect_from toc
docs
Borders
Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.
utilities
/docs/4.0/utilities/
true

Border

Add classes to an element to add or remove all borders or some borders.

{% 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 %}