Utilities - Border

Use border utilities to quickly apply border styles to an element. Great for images, buttons, or any other element.

Adding Border

You can use border utilities to add borders on all sides or individually on an element.

Removing Border

You can use border utilities to remove borders on all sides or individually on an element.

Border Color

You can use border addition and removal utilities together with border color utilities to set their color.

Position specific border colors are also available. Use _border-{position}-color:{variant} to set the color of a specific border side (i.e. _border-top-color:primary).

Border Radius

You can use border radius utilities to add rounded corners to your elements.