BASELINE NowYouCanUse.com

Widely Available Borders and outlines

id: border-radius

border-radius

The border-radius CSS property rounds the corners of the border drawn around an element.

Baseline Status: Achieved Widely Available on Jan 29, 2018 (Cross-browser Newly Available since Jul 29, 2015).

Desktop Browser Engine Support

Google Chrome

4

Supported

Mozilla Firefox

4

Supported

Apple Safari

5

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

4

Safari iOS

4.2

Specifications and References

Specification ↗ Can I Use (border-radius) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.properties.border-bottom-left-radius ↗ css.properties.border-bottom-left-radius.elliptical_corners ↗ css.properties.border-bottom-left-radius.percentages ↗ css.properties.border-bottom-right-radius ↗ css.properties.border-bottom-right-radius.elliptical_corners ↗ css.properties.border-bottom-right-radius.percentages ↗ css.properties.border-radius ↗ css.properties.border-radius.4_values_for_4_corners ↗ css.properties.border-radius.elliptical_borders ↗ css.properties.border-radius.percentages ↗ css.properties.border-top-left-radius ↗ css.properties.border-top-left-radius.elliptical_corners ↗ css.properties.border-top-left-radius.percentages ↗ css.properties.border-top-right-radius ↗ css.properties.border-top-right-radius.elliptical_corners ↗ css.properties.border-top-right-radius.percentages ↗