CSS Intro

CSS Intro Quiz

CSS Intro Exercise

CSS Basic

CSS Basic Quiz

CSS Basic Exercise

CSS Advance

CSS Advance Quiz

CSS Advance Exercise


CSS3 Quiz

CSS3 Exercise

CSS Properties

CSS Functions

CSS Selectors

Border Radius Property

The border-radius Property



With CSS3, you can give rounded corners to any element by using the border-radius property. Specific border-radius values can be applied for the border-radius property in the following order: top-lefttop-rightbottom-right, and bottom-left. Similarly, we can create a circle by setting the border radius to 100%.




Its syntax is:-

< style >


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


< /style >


Further Explanation:-


Value Description
length Specifies the shape of the corners.
% Specifies the shape of the corners in %.
initial Sets this property to its default value.
inherit Inherits this property from its parent element.

Code Explanation

All Tutorials related to CSS3

All Sections related to CSS