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

Property Values Description
Radius Top Left number Defines the radius of the top-left corner.
Radius Top Right number Defines the radius of the top-right corner.
Radius Bottom Right number Defines the radius of the bottom-right corner.
Radius Bottom Left number Defines 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