Search Documentation

border-radius Outer Border Radius

Sets the outer radius of the border, in pixels.

The outer and inner radius (border-radius-inner) of the border 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 setting border-radius-inner to ½ the value of border-radius if border has a value higher than both radius values; if not, then setting to ¾ the value of border-radius will work better.

The border parameter must be set for this operation to be applied.