| { |
| "css": { |
| "properties": { |
| "box-shadow": { |
| "__compat": { |
| "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/box-shadow", |
| "spec_url": "https://drafts.csswg.org/css-backgrounds/#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 <code>width</code> of <code>100%</code>, then you'll see a scrollbar." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "1" |
| } |
| ], |
| "chrome_android": "mirror", |
| "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 <code>width</code> of <code>100%</code>, then you'll see a scrollbar." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "49" |
| }, |
| { |
| "prefix": "-moz-", |
| "version_added": "3.5", |
| "version_removed": "13" |
| } |
| ], |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "9", |
| "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)" |
| ] |
| }, |
| "oculus": "mirror", |
| "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 <code>width</code> of <code>100%</code>, then you'll see a scrollbar." |
| }, |
| "opera_android": "mirror", |
| "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 <code>width</code> of <code>100%</code>, 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 <code>width</code> of <code>100%</code>, then you'll see a scrollbar." |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "1" |
| } |
| ], |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| }, |
| "inset": { |
| "__compat": { |
| "support": { |
| "chrome": [ |
| { |
| "version_added": "10" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "1" |
| } |
| ], |
| "chrome_android": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": [ |
| { |
| "version_added": "4" |
| }, |
| { |
| "prefix": "-moz-", |
| "version_added": "3.5", |
| "version_removed": "13" |
| } |
| ], |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "9", |
| "partial_implementation": true, |
| "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>.", |
| "<code>inset</code> must be the last keyword in the declaration." |
| ] |
| }, |
| "oculus": "mirror", |
| "opera": { |
| "version_added": "10.5" |
| }, |
| "opera_android": "mirror", |
| "safari": [ |
| { |
| "version_added": "5.1" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "5" |
| } |
| ], |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "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": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": [ |
| { |
| "version_added": "4" |
| }, |
| { |
| "prefix": "-moz-", |
| "version_added": "3.5", |
| "version_removed": "13" |
| } |
| ], |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "9", |
| "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>." |
| }, |
| "oculus": "mirror", |
| "opera": { |
| "version_added": "10.5" |
| }, |
| "opera_android": "mirror", |
| "safari": [ |
| { |
| "version_added": "5.1" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "3" |
| } |
| ], |
| "safari_ios": [ |
| { |
| "version_added": "5" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "1" |
| } |
| ], |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "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": "mirror", |
| "edge": { |
| "version_added": "12" |
| }, |
| "firefox": [ |
| { |
| "version_added": "4" |
| }, |
| { |
| "prefix": "-moz-", |
| "version_added": "3.5", |
| "version_removed": "13" |
| } |
| ], |
| "firefox_android": "mirror", |
| "ie": { |
| "version_added": "9", |
| "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>." |
| }, |
| "oculus": "mirror", |
| "opera": { |
| "version_added": "10.5" |
| }, |
| "opera_android": "mirror", |
| "safari": [ |
| { |
| "version_added": "5.1" |
| }, |
| { |
| "prefix": "-webkit-", |
| "version_added": "5" |
| } |
| ], |
| "safari_ios": "mirror", |
| "samsunginternet_android": "mirror", |
| "webview_android": "mirror", |
| "webview_ios": "mirror" |
| }, |
| "status": { |
| "experimental": false, |
| "standard_track": true, |
| "deprecated": false |
| } |
| } |
| } |
| } |
| } |
| } |
| } |
