Border

Quickly and flexibly control the border styles of your elements.

Radius

Round the corners of your elements with the is-rounded-{value} utilities. These classes let you apply different levels of curvature, from subtle corners to fully circular shapes.


is-rounded-0
is-rounded-1
is-rounded-2
is-rounded-3
is-rounded-4
is-rounded-5
is-rounded-6
is-rounded-7
is-rounded-8
is-rounded-9
is-rounded-10

Radius	Class	Preview
0	`is-rounded-0`	Lorem ipsum
1	`is-rounded-1`	Lorem ipsum
2	`is-rounded-2`	Lorem ipsum
3	`is-rounded-3`	Lorem ipsum
4	`is-rounded-4`	Lorem ipsum
5	`is-rounded-5`	Lorem ipsum
6	`is-rounded-6`	Lorem ipsum
7	`is-rounded-7`	Lorem ipsum
8	`is-rounded-8`	Lorem ipsum
9	`is-rounded-9`	Lorem ipsum
10	`is-rounded-10`	Lorem ipsum

tip

💡 Tip: Use is-rounded for circular elements such as avatars or icons.

Radius​

Radius