{"mdn_url":"https://developer.mozilla.org/docs/Web/CSS/box-shadow","source_file":"css/properties/box-shadow.json","spec_url":"https://drafts.csswg.org/css-backgrounds/#box-shadow","status":{"deprecated":false,"experimental":false,"standard_track":true},"support":{"chrome":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"10"},{"prefix":"-webkit-","version_added":"1"}],"chrome_android":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"18"},{"prefix":"-webkit-","version_added":"18"}],"edge":{"version_added":"12"},"firefox":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"4"},{"prefix":"-webkit-","version_added":"49"},{"prefix":"-moz-","version_added":"3.5","version_removed":"13"}],"firefox_android":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"4"},{"prefix":"-webkit-","version_added":"49"},{"prefix":"-moz-","version_added":"4","version_removed":"14"}],"ie":{"notes":["To use <code>box-shadow</code> in Internet Explorer 9 or later, you must set <a href='https://developer.mozilla.org/docs/Web/CSS/border-collapse'><code>border-collapse</code></a> to <code>separate</code>.","Since version 5.5, Internet Explorer supports Microsoft's <a href='https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms532985(v=vs.85)'>DropShadow</a> and <a href='https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/ms533086(v=vs.85)'>Shadow Filter</a>. You can use this proprietary extension to cast a drop shadow (though the syntax and the effect are different from CSS3)"],"version_added":"9"},"oculus":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"5.0"},{"prefix":"-webkit-","version_added":"5.0"}],"opera":{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"10.5"},"opera_android":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"14"},{"prefix":"-webkit-","version_added":"14"}],"safari":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"5.1"},{"prefix":"-webkit-","version_added":"3"}],"safari_ios":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"5"},{"prefix":"-webkit-","version_added":"1"}],"samsunginternet_android":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"1.0"},{"prefix":"-webkit-","version_added":"1.0"}],"webview_android":[{"notes":"Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a <code>width</code> of <code>100%</code>, then you'll see a scrollbar.","version_added":"≤37"},{"prefix":"-webkit-","version_added":"≤37"}]}}