Border

Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.

Colorful

Change the border color using following utilities: border-primary, .border-secondary, .border-success, .border-danger, .border-warning, .border-info, .border-light, .border-dark, .border-white, .border-transparent, .border-faded, .border-highlight

Additive

Use border utilities to add an element’s borders. Choose from all borders or one at a time.

Border-radius

Round edges or control each corner using .rounded, rounded-top, rounded-right, rounded-bottom, rounded-left, rounded-{top,bottom}-{left,right}, rounded-circle, rounded-0, border-{top,bottom}-{left,right}-radius-0

Subtractive

Use border utilities to remove an element’s borders. Choose from all borders or one at a time.

Size

Use .rounded-lg or .rounded-sm for larger or smaller border-radius.