What is Border radius?

The CSS border-radius property rounds an element’s corners. Each corner can take two radii, producing an elliptical rather than circular curve.

Also written as border-radius

2 tools that work with Border radius

Files never leave your browser.

CSS Generators2

Blob Shape GeneratorDesign organic SVG backgrounds: four interpolation styles, gradients, layers and any canvas size.CSS Border Radius GeneratorDrag eight handles to shape every corner: elliptical radii, inverted corners and squircles.

Related terms

Terms that appear alongside Border radius on the same tools.

← All glossary terms Browse every tool →