Border radius properties
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
