Borders
Use border utilities to add or remove an element's borders. Choose from all borders or one at a time.
Border Width
border-1
border-2
border-3
border-4
border-5
Additive
border
border-top
border-end
border-bottom
border-start
Subtractive
border-0
border-top-0
border-end-0
border-bottom-0
border-start-0
Border Color
border-primary
border-primary-subtle
border-secondary
border-secondary-subtle
border-success
border-success-subtle
border-danger
border-danger-subtle
border-warning
border-warning-subtle
border-info
border-info-subtle
border-light
border-light-subtle
border-dark
border-dark-subtle
border-white
Border Style
border-dotted
border-dashed
border-groove
border-outset
border-ridge
border-inset
Additive
border-top-dotted
border-end-dotted
border-bottom-dotted
border-start-dotted
Border Opacity
border-opacity-10
border-opacity-25
border-opacity-50
border-opacity-75
border-opacity-100
Border Radius
Use below-mentioned class to an element to easily round its corners.
rounded
rounded-top
rounded-end
rounded-bottom
rounded-start
rounded-circle
rounded-pill
Sizes
rounded-0
rounded-1
rounded-2
rounded-3
rounded-4
rounded-5
Comments
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat laborum, minus iste nam deleniti enim eveniet illum tempore hic non quam id voluptates veniam ullam inventore autem odit, recusandae earum.