Set the border radius Top left, Top Right, Bottom left and Bottom right on an element. Use Equal radius to set an equal radius on all corners of an element..

Border radius top left, top right, bottom left and bottom right

Set the radius of each corner of a box individually using top left, top right, bottom left and bottom right.

Expected value:

• Enter a number (Negative values are not accepted)

Accepted units:

You can leave blank or specify a unit to be used.

• blank - Enter a number and the value will be interpreted as pixels
• px - The value will be applied in pixels
• % - The value will be applied as a percentage of the element's width and height

Border radius equal

Set the radius on all corners of a box. Equal radius and individual radius can be used together. An individual radius will override the equal radius on that corner.

Expected value:

• Enter a number (Negative values are not accepted)

Accepted units:

You can leave blank or specify a unit to be used.

• blank - Enter a number and the value will be interpreted as pixels
• px - The value will be applied in pixels
• % - The value will be applied as a percentage of the element's width and height

Find more information at https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius