{
"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
}
}
}
}
}
}
}