Border Radius

Introduction

The border-radius properties are used to add rounded corners to an element.

The following element has 25px border-radius style:

A sample element with 25px border-radius property.

Border Radius Properties

PropertyValuesDescription
Top Left RadiusnumberDefines the radius of the top-left corner.
Top Right RadiusnumberDefines the radius of the top-right corner.
Bottom Right RadiusnumberDefines the radius of the bottom-right corner.
Bottom Left RadiusnumberDefines the radius of the bottom-left corner.
Was this article helpful?
YesNo

Couldn't Find Your Answer?

Get quality customer support with our professional support team.

Create A Support Ticket
Live Editor