# Borders

**Path:** CSS Framework/Utilities

[Back to Documentation Index](http://rubicblazor.skyconis.com/docs.md)

---

Borders

 Use border utilities to quickly style the border and border-radius of an element.

 Additive
 Add borders to custom elements:

 border 

 border-top 

 border-end 

 border-bottom 

 border-start 

 Subtractive
 Or remove borders:

 border
 border-0 

 border
 border-top-0 

 border
 border-end-0 

 border
 border-bottom-0 

 border
 border-start-0 

 Width
 Change the border width using utilities.

 border
 border-1 

 border
 border-2 

 border
 border-3 

 border
 border-4 

 border
 border-5 

 Radius
 Add classes to an element to easily round its corners.

 rounded

 rounded-top

 rounded-end

 rounded-bottom

 rounded-start

 rounded-circle

 rounded-pill

 Radius Sizes

 rounded-1

 rounded-2

 rounded-3

 rounded-4

 rounded-5

 rounded-bottom-1

 rounded-start-2

 rounded-end-circle

 rounded-start-pill

 rounded-5 rounded-top-0

 Color

 Change the border color using utilities built on our theme colors.
 For further information, please look at color utilities .

 border-primary-lighten

 border-primary

 border-primary-darken

 border-success-lighten

 border-success

 border-success-darken

 border-danger-lighten

 border-danger

 border-danger-darken

 border-warning-lighten

 border-warning

 border-warning-darken

 border-info-lighten

 border-info

 border-info-darken

 ✕

 Contents