{
"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
}
}
}
}
}
}
}