{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/border-radius","source_file":"css/properties/border-radius.json","spec_url":"https://drafts.csswg.org/css-backgrounds/#border-radius","status":{"deprecated":false,"experimental":false,"standard_track":true},"support":{"chrome":[{"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.","version_added":"4"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":{"version_added":"18"},"edge":[{"version_added":"12"},{"prefix":"-webkit-","version_added":"12"}],"firefox":[{"notes":["Before 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."],"version_added":"4"},{"prefix":"-moz-","version_added":"1","version_removed":"12"}],"firefox_android":[{"notes":"Before 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.","version_added":"4"},{"prefix":"-moz-","version_added":"4","version_removed":"14"}],"ie":{"version_added":"9"},"oculus":{"version_added":"5.0"},"opera":{"notes":"Before Opera 11.60, replaced elements with <code>border-radius</code> do not have rounded corners.","version_added":"10.5"},"opera_android":{"version_added":"11"},"safari":[{"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.","version_added":"5"},{"prefix":"-webkit-","version_added":"3"}],"safari_ios":[{"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.","version_added":"4.2"},{"prefix":"-webkit-","version_added":"1"}],"samsunginternet_android":{"version_added":"1.0"},"webview_android":[{"version_added":"≤37"},{"prefix":"-webkit-","version_added":"2"}]}}