border-radius Outer Border Radius



  • Default: None
  • Format:
    • MM: Integer; will apply the same radius value to all four corners
    • MM,NN,XX,YY: Comma-separated integers, each representing the value for one corner of the image, starting at the top left.

Sets the outer radius of the border, in pixels. The outer and inner radius of the border (border-radius-inner) have separate controls. The radius can also be controlled individually by using a set of four comma-separated values to define each corner. This makes common use cases such as only rounding the top or bottom simple to implement.

For evenly-rounded borders, we recommend the following formula:
border-radius-inner = border-radiusborder.