{ "css": { "properties": { "border-bottom-right-radius": { "__compat": { "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-bottom-right-radius", "support": { "chrome": [ { "version_added": "4" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": [ { "version_added": "18" }, { "prefix": "-webkit-", "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 were always rendered as if border-style was solid. This has been fixed in Firefox 50." }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-webkit-", "version_added": "44", "flags": [ { "type": "preference", "name": "layout.css.prefixes.webkit", "value_to_set": "true" } ] }, { "alternative_name": "-moz-border-radius-bottomright", "version_added": "1", "version_removed": "12" } ], "firefox_android": [ { "version_added": "4", "notes": "Prior to Firefox 50, border styles of rounded corners were always rendered as if border-style was solid. This has been fixed in Firefox 50." }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-webkit-", "version_added": "44", "flags": [ { "type": "preference", "name": "layout.css.prefixes.webkit", "value_to_set": "true" } ] }, { "alternative_name": "-moz-border-radius-bottomright", "version_added": "4", "version_removed": "14" } ], "ie": { "version_added": "9" }, "opera": [ { "version_added": "10.5" }, { "prefix": "-webkit-", "version_added": "15" } ], "opera_android": [ { "version_added": "11" }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": [ { "version_added": "5" }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "4.2" }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": [ { "version_added": "1.0" }, { "prefix": "-webkit-", "version_added": "1.0" } ], "webview_android": [ { "version_added": "≤37" }, { "prefix": "-webkit-", "version_added": "≤37" } ] }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "elliptical_corners": { "__compat": { "description": "Elliptical corners", "support": { "chrome": { "version_added": "1" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": { "version_added": "3.5" }, "firefox_android": { "version_added": "4" }, "ie": { "version_added": "9" }, "opera": { "version_added": "10.5" }, "opera_android": { "version_added": "14" }, "safari": { "version_added": "3" }, "safari_ios": { "version_added": "1" }, "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": "4" }, "chrome_android": { "version_added": "18" }, "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4" }, { "version_added": "1", "notes": "Before Firefox 4, the <percentage> was relative to the width of the box even when specifying the radius for a height. This implied that -moz-border-radius-bottomright was always drawing an arc of circle, and never an ellipse, when followed by a single value." } ], "firefox_android": { "version_added": "4" }, "ie": { "version_added": "9" }, "opera": { "version_added": "10.5" }, "opera_android": { "version_added": "14" }, "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 } } } } } } }