Documentation

border-radius Outer Border Radius

Requires

Values

  • 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.