CSS border radius

CSS border radius is used to set the radius of border given to the html element. This property can be used with the border property to give the radius of html element.

The syntax for CSS border radiusis:

For Example:

Output

This is the HTML paragraph inside the div for background size text. This div used to show the border top. This border has given here to display border.

CSS border top left radius values list

The values and description of this property is used for CSS border top left radius to specify the border.

Sr. No.valueDescription
1lengthUsed to give radius in pixels and percentage.
2initialUsed to define as the property initial value.
3inheritUsed to define the computed value of property on the elements parent.

CSS border radius dotted

In this example we will use to show dotted border.

Output

This is the HTML paragraph inside the div for background size text. This div used to show the border top. This border has given here to display border.