{ "css": { "properties": { "box-shadow": { "__compat": { "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/box-shadow", "support": { "chrome": [ { "version_added": "10", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": [ { "version_added": "18", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "18" } ], "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-moz-", "version_added": "3.5", "version_removed": "13" }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-webkit-", "version_added": "44", "flags": [ { "type": "preference", "name": "layout.css.prefixes.webkit", "value_to_set": "true" } ] } ], "firefox_android": [ { "version_added": "4", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-moz-", "version_added": "4", "version_removed": "14" }, { "prefix": "-webkit-", "version_added": "49" }, { "prefix": "-webkit-", "version_added": "44", "flags": [ { "type": "preference", "name": "layout.css.prefixes.webkit", "value_to_set": "true" } ] } ], "ie": { "version_added": "9", "notes": [ "To use box-shadow in Internet Explorer 9 or later, you must set border-collapse to separate.", "Since version 5.5, Internet Explorer supports Microsoft's DropShadow and Shadow Filter. You can use this proprietary extension to cast a drop shadow (though the syntax and the effect are different from CSS3)" ] }, "opera": { "version_added": "10.5", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, "opera_android": [ { "version_added": "14", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": [ { "version_added": "5.1", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "5", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": [ { "version_added": "1.0", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "1.0" } ], "webview_android": [ { "version_added": "≤37", "notes": "Shadows affect layout in this browser. For example, if you cast an outer shadow to a box with a width of 100%, then you'll see a scrollbar." }, { "prefix": "-webkit-", "version_added": "≤37" } ] }, "status": { "experimental": false, "standard_track": true, "deprecated": false } }, "inset": { "__compat": { "description": "inset", "support": { "chrome": [ { "version_added": "10" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": [ { "version_added": "18" }, { "prefix": "-webkit-", "version_added": "18" } ], "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4" }, { "prefix": "-moz-", "version_added": "3.5", "version_removed": "13" } ], "firefox_android": [ { "version_added": "4" }, { "prefix": "-moz-", "version_added": "4", "version_removed": "14" } ], "ie": { "version_added": "9", "partial_implementation": true, "notes": [ "To use box-shadow in Internet Explorer 9 or later, you must set border-collapse to separate.", "inset must be the last keyword in the declaration." ] }, "opera": { "version_added": "10.5" }, "opera_android": [ { "version_added": "14" }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": [ { "version_added": "5.1" }, { "prefix": "-webkit-", "version_added": "5" } ], "safari_ios": [ { "version_added": "5" }, { "prefix": "-webkit-", "version_added": "4.2" } ], "samsunginternet_android": [ { "version_added": "1.0" }, { "prefix": "-webkit-", "version_added": "1.0" } ], "webview_android": [ { "version_added": "≤37" }, { "prefix": "-webkit-", "version_added": "≤37" } ] }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "multiple_shadows": { "__compat": { "description": "Multiple shadows", "support": { "chrome": [ { "version_added": "10" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": [ { "version_added": "18" }, { "prefix": "-webkit-", "version_added": "18" } ], "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4" }, { "prefix": "-moz-", "version_added": "3.5", "version_removed": "13" } ], "firefox_android": [ { "version_added": "4" }, { "prefix": "-moz-", "version_added": "4", "version_removed": "14" } ], "ie": { "version_added": "9", "notes": "To use box-shadow in Internet Explorer 9 or later, you must set border-collapse to separate." }, "opera": { "version_added": "10.5" }, "opera_android": [ { "version_added": "14" }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": [ { "version_added": "5.1" }, { "prefix": "-webkit-", "version_added": "3" } ], "safari_ios": [ { "version_added": "5" }, { "prefix": "-webkit-", "version_added": "1" } ], "samsunginternet_android": [ { "version_added": "1.0" }, { "prefix": "-webkit-", "version_added": "1.0" } ], "webview_android": [ { "version_added": "≤37" }, { "prefix": "-webkit-", "version_added": "≤37" } ] }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } }, "spread_radius": { "__compat": { "description": "Spread radius", "support": { "chrome": [ { "version_added": "10" }, { "prefix": "-webkit-", "version_added": "1" } ], "chrome_android": [ { "version_added": "18" }, { "prefix": "-webkit-", "version_added": "18" } ], "edge": { "version_added": "12" }, "firefox": [ { "version_added": "4" }, { "prefix": "-moz-", "version_added": "3.5", "version_removed": "13" } ], "firefox_android": [ { "version_added": "4" }, { "prefix": "-moz-", "version_added": "4", "version_removed": "14" } ], "ie": { "version_added": "9", "notes": "To use box-shadow in Internet Explorer 9 or later, you must set border-collapse to separate." }, "opera": { "version_added": "10.5" }, "opera_android": [ { "version_added": "14" }, { "prefix": "-webkit-", "version_added": "14" } ], "safari": [ { "version_added": "5.1" }, { "prefix": "-webkit-", "version_added": "5" } ], "safari_ios": [ { "version_added": "5" }, { "prefix": "-webkit-", "version_added": "4.2" } ], "samsunginternet_android": [ { "version_added": "1.0" }, { "prefix": "-webkit-", "version_added": "1.0" } ], "webview_android": [ { "version_added": "≤37" }, { "prefix": "-webkit-", "version_added": "≤37" } ] }, "status": { "experimental": false, "standard_track": true, "deprecated": false } } } } } } }