mdn-browser-compat-data

{ "css": { "properties": { "border-radius": { "__compat": { "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-radius", "support": { "chrome": [ { "version_added": "4", "notes": "Current Chrome and Safari versions ignore border-radius on <code><select></code> elements unless <code>-webkit-appearance</code> is overridden to an appropriate value." }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": { "version_added": true }, "edge": [ { "version_added": "12" }, { "prefix": "-webkit-", "version_added": "12" } ], "edge_mobile": [ { "version_added": true }, { "prefix": "-webkit-", "version_added": true } ], "firefox": [ { "version_added": "4", "notes": [ "Prior to Firefox 50, border styles of rounded corners (with <code>border-radius</code>) were always rendered as if <code>border-style</code> was <code>solid</code>. This has been fixed in Firefox 50.", "To conform to the CSS3 standard, Firefox 4 changes the handling of <a href='https://developer.mozilla.org/docs/Web/CSS/percentage'><code><percentage></code></a> values to match the specification. You can specify an ellipse as a border on an arbitrary sized element with <code>border-radius: 50%;</code>. Firefox 4 also makes rounded corners clip content and images if <a href='https://developer.mozilla.org/docs/Web/CSS/overflow'><code>overflow</code></a><code>: visible</code> 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 <code>border-radius</code>) were always rendered as if <code>border-style</code> was <code>solid</code>. 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": "In Opera prior to version 11.60, replaced elements with <code>border-radius</code> will not have rounded corners." }, "opera_android": { "version_added": "" }, "safari": [ { "version_added": "5", "notes": "Current Chrome and Safari versions ignore border-radius on <code><select></code> elements unless <code>-webkit-appearance</code> is overridden to an appropriate value." }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": { "version_added": true }, "samsunginternet_android": { "version_added": true }, "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": true, "notes": "Prior to Chrome 4, the slash <code>/</code> notation is unsupported. If two values are specified, an elliptical border is drawn on all four corners. <code>-webkit-border-radius: 40px 10px;</code> is equivalent to <code>border-radius: 40px/10px;</code>." }, "chrome_android": { "version_added": true }, "edge": { "version_added": "12" }, "edge_mobile": { "version_added": true }, "firefox": { "version_added": "3.5" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": true }, "opera": { "version_added": true }, "opera_android": { "version_added": false }, "safari": { "version_added": true, "notes": "Prior to Safari 4.1, the slash <code>/</code> notation is unsupported. If two values are specified, an elliptical border is drawn on all four corners. <code>-webkit-border-radius: 40px 10px;</code> is equivalent to <code>border-radius: 40px/10px;</code>." }, "samsunginternet_android": { "version_added": true } }, "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": true }, "edge": { "version_added": "12" }, "edge_mobile": { "version_added": true }, "firefox": { "version_added": true }, "firefox_android": { "version_added": true }, "ie": { "version_added": true }, "opera": { "version_added": true }, "opera_android": { "version_added": false }, "safari": { "version_added": "5" }, "samsunginternet_android": { "version_added": true } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "percentages": { "__compat": { "description": "Percentages", "support": { "chrome": { "version_added": true, "notes": "<code><percentage></code> values are not supported in older Chrome and Safari versions (it was <a href='http://trac.webkit.org/changeset/66615'>fixed in Sepember 2010</a>)." }, "chrome_android": { "version_added": true }, "edge": { "version_added": "12" }, "edge_mobile": { "version_added": true }, "firefox": { "version_added": "4", "notes": "<code><percentage></code> 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": true }, "opera": { "version_added": "11.5", "notes": "The implementation of <code><percentage></code> values was buggy in Opera prior to 11.50." }, "opera_android": { "version_added": false }, "safari": { "version_added": "5.1", "notes": "<code><percentage></code> values are not supported in older Chrome and Safari versions (it was <a href='http://trac.webkit.org/changeset/66615'>fixed in Sepember 2010</a>)." }, "safari_ios": { "version_added": true, "notes": "<code><percentage></code> values are not supported in older Chrome and Safari versions (it was <a href='http://trac.webkit.org/changeset/66615'>fixed in Sepember 2010</a>)." }, "samsunginternet_android": { "version_added": true }, "webview_android": { "version_added": true, "notes": "<code><percentage></code> values are not supported in older Chrome and Safari versions (it was <a href='http://trac.webkit.org/changeset/66615'>fixed in Sepember 2010</a>)." } }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } } } } }