{
  "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>&lt;select&gt;</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>&lt;percentage&gt;</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>&lt;select&gt;</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>&lt;select&gt;</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>&lt;percentage&gt;</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>&lt;percentage&gt;</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
            }
          }
        }
      }
    }
  }
}
