mdn-browser-compat-data
Version:
Browser compatibility data provided by MDN Web Docs
256 lines (255 loc) • 8.99 kB
JSON
{
"css": {
"properties": {
"border-radius": {
"__compat": {
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-radius",
"support": {
"chrome": [
{
"version_added": "4",
"notes": "Chrome ignores <code>border-radius</code> 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": "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 <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": "Before Opera 11.60, replaced elements with <code>border-radius</code> do not have rounded corners."
},
"opera_android": {
"version_added": "11"
},
"safari": [
{
"version_added": "5",
"notes": "Safari ignores <code>border-radius</code> 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": "4.2",
"notes": "Safari ignores <code>border-radius</code> on <code><select></code> elements unless <code>-webkit-appearance</code> is overridden to an appropriate value."
},
{
"prefix": "-webkit-",
"version_added": "1"
}
],
"samsunginternet_android": {
"version_added": "1.0"
},
"webview_android": [
{
"version_added": "≤37"
},
{
"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 <code>/</code> notation is unsupported. If two values are specified, then 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": "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 <code>/</code> notation is unsupported. If two values are specified, then 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>."
},
"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": "<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": "9"
},
"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": "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
}
}
}
}
}
}
}