{ "css": { "properties": { "border-radius": { "__compat": { "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-radius", "support": { "chrome": [ { "version_added": "4", "notes": "Chrome ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value." }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": { "version_added": "18" }, "edge": [ { "version_added": "12" }, { "prefix": "-webkit-", "version_added": "12" } ], "firefox": [ { "version_added": "4", "notes": [ "Prior to Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-style was solid. This has been fixed in Firefox 50.", "To conform to the CSS3 standard, Firefox 4 changes the handling of <percentage> values to match the specification. You can specify an ellipse as a border on an arbitrary sized element with border-radius: 50%;. Firefox 4 also makes rounded corners clip content and images if overflow: visible is not set." ] }, { "prefix": "-moz-", "version_added": "1", "version_removed": "12" } ], "firefox_android": [ { "version_added": "4", "notes": "Prior to Firefox 50, border styles of rounded corners (with border-radius) were always rendered as if border-style was solid. This has been fixed in Firefox 50." }, { "prefix": "-moz-", "version_added": "4", "version_removed": "14" } ], "ie": { "version_added": "9" }, "opera": { "version_added": "10.5", "notes": "Before Opera 11.60, replaced elements with border-radius do not have rounded corners." }, "opera_android": { "version_added": "11" }, "safari": [ { "version_added": "5", "notes": "Safari ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value." }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "4.2", "notes": "Safari ignores border-radius on <select> elements unless -webkit-appearance is overridden to an appropriate value." }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "2", "prefix": "-webkit-" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "elliptical_borders": { "__compat": { "description": "Elliptical borders", "support": { "chrome": { "version_added": "1", "notes": "Before Chrome 4, the slash / notation is unsupported. If two values are specified, then an elliptical border is drawn on all four corners. -webkit-border-radius: 40px 10px; is equivalent to border-radius: 40px / 10px;." }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "4" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "9" }, "opera": { "version_added": "10.5" }, "opera_android": { "version_added": "11" }, "safari": { "version_added": "3", "notes": "Before Safari 5, the slash / notation is unsupported. If two values are specified, then an elliptical border is drawn on all four corners. -webkit-border-radius: 40px 10px; is equivalent to border-radius: 40px / 10px;." }, "safari_ios": { "version_added": "4.2" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "≤37" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "percentages": { "__compat": { "description": "Percentages", "support": { "chrome": { "version_added": "8" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "4", "notes": "<percentage> values are implemented in a non-standard way prior to Firefox 4. Both horizontal and vertical radii were relative to the width of the border box." }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "9" }, "opera": { "version_added": "11.5", "notes": "The implementation of <percentage> values was buggy in Opera prior to 11.50." }, "opera_android": { "version_added": "11.5" }, "safari": { "version_added": "5.1" }, "safari_ios": { "version_added": "6" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "≤37" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "4_values_for_4_corners": { "__compat": { "description": "4 values for 4 corners", "support": { "chrome": { "version_added": "4" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "4" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "9" }, "opera": { "version_added": "10.5" }, "opera_android": { "version_added": "11" }, "safari": { "version_added": "5" }, "safari_ios": { "version_added": "4.2" }, "samsunginternet_android": { "version_added": "1.0" }, "webview_android": { "version_added": "≤37" } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } } } } }