---
layout: single
property_name: border-radius
---
Defines the radius of the element's corners.
Removes any border radius.
You can use pixel values.
You can use percentage values. In this example, the radius starts halfway through each border.
If you set two values, the first one is for the top and bottom borders, the second one for the left and right borders.
#border-radius
default
border-radius: 0;
border-radius: 20px;
border-radius: 50%;
border-radius: 20px 50%;