CSS | border radius property


It is a CSS property to round the corner of an element. The border-radius property is used to set the border-radius.

Tip: This property allows you to add rounded corners to elements!

This property can have from one to four values. Here are the rules:

Syntax:

border-radius: 1-4 length|% / 1-4 length|%|initial|inherit;

border-radius: border-radius property can contain one, two, three or four values.

Note: The four values for each radius are given in the order top-left, top-right, bottom-right, bottom-left. If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left.

Example -