Borders

#

Additive

Border

Border Top

Border End

Border Bottom

Border Start

#

Subtractive

Border

Border Top

Border End

Border Bottom

Border Start

#

Colors

To set the border color of an element, use the borderColor property. By default, this sets all border sides to the same color. You can also set the border color individually.

Primary

Secondary

Success

Danger

Warning

Light

Dark

#

Width

To set the border width of an element, use the border property. By default, this sets all border sides to the same width. You can also set the border width individually.

Border 0

Border 1

Border 2

Border 3

Border 4

Border 5

#

Radius

To set the border radius of an element, use the borderRadius property. By default, this sets all border sides to the same radius. You can also set the border radius individually.

Top

Bottom

Start

End

Circle

Pill

#

Radius Sizes

To set the border radius size of an element, use the borderRadiusSize property. By default, this sets all border sides to the same radius size.

0

1

2

3