| { |
| "css": { |
| "properties": { |
| "border-radius": { |
| "__compat": { |
| "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-radius", |
| "spec_url": "https://drafts.csswg.org/css-backgrounds/#border-radius", |
| "tags": [ |
| "web-features: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": [ |
| "Before 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>`](https://developer.mozilla.org/docs/Web/CSS/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`](https://developer.mozilla.org/docs/Web/CSS/overflow)`: visible` is not set." |
| ] |
| }, |
| { |
| "prefix": "-moz-", |
| "version_added": "1", |
| "version_removed": "12" |
| } |
| ], |
| "firefox_android": [ |
| { |
| "version_added": "4", |
| "notes": "Before 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" |
| }, |
| "oculus": "mirror", |
| "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": "mirror", |
| "webview_android": [ |
| { |
| "version_added": "≤4.4" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "2" |
| } |
| ], |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| }, |
| "elliptical_borders": { |
| "__compat": { |
| "description": "Elliptical borders", |
| "tags": [ |
| "web-features:border-radius" |
| ], |
| "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": "mirror", |
| "ie": { |
| "version_added": "9" |
| }, |
| "oculus": "mirror", |
| "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": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "percentages": { |
| "__compat": { |
| "description": "Percentages", |
| "tags": [ |
| "web-features:border-radius" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "8" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4", |
| "notes": "Before Firefox 4, `<percentage>` values are implemented in a non-standard way. Both horizontal and vertical radii were relative to the width of the border box." |
| }, |
| "firefox_android": { |
| "version_added": "4" |
| }, |
| "ie": { |
| "version_added": "9" |
| }, |
| "oculus": "mirror", |
| "opera": { |
| "version_added": "11.5", |
| "notes": "Before Opera 11.5, the implementation of `<percentage>` values was buggy." |
| }, |
| "opera_android": { |
| "version_added": "11.5" |
| }, |
| "safari": { |
| "version_added": "5.1" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| }, |
| "4_values_for_4_corners": { |
| "__compat": { |
| "description": "4 values for 4 corners", |
| "tags": [ |
| "web-features:border-radius" |
| ], |
| "support": { |
| "chrome": { |
| "version_added": "4" |
| }, |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": { |
| "version_added": "4" |
| }, |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "9" |
| }, |
| "oculus": "mirror", |
| "opera": { |
| "version_added": "10.5" |
| }, |
| "opera_android": { |
| "version_added": "11" |
| }, |
| "safari": { |
| "version_added": "5" |
| }, |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
