CSS Click Chart

Border Radius

Adds rounded corners to elements using shorthand, longhand, or "slash" syntax, which lets you define different values for horizontal and vertical radii on individual corners.


Border Radius on W3C

Example Code

Live Demonstration

This paragraph has rounded corners defined without the use of JavaScript, images, or extra markup.

Browser Support

Can I Use border-radius? Data on support for the border-radius feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles