You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
251 lines
8.7 KiB
251 lines
8.7 KiB
{
|
|
"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": "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
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|