css.properties.box-shadow

Spec

MDN URL

Status

On the standards track: Yes

Is Experimental: No

Is Deprecated: No

Browser Support

In Chrome version 10 on 2011-03-08 Note: 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.

In Chrome Android version 18 on 2012-06-27 Note: 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.

In Edge version 12 on 2015-07-29

In Firefox version 4 on 2011-03-22 Note: 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.

In Firefox for Android version 4 on 2011-03-29 Note: 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.

In Internet Explorer version 9 on 2011-03-14 Note: 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)

In Quest Browser version 5.0 on undefined Note: 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.

In Opera version 10.5 on 2010-03-02 Note: 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.

In Opera Android version 14 on 2013-05-21 Note: 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.

In Safari version 5.1 on 2011-07-20 Note: 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.

In Safari on iOS version 5 on 2011-10-12 Note: 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.

In Samsung Internet version 1.0 on 2013-04-27 Note: 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.

In WebView Android version 4.4 on 2013-12-09 Note: 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.

In WebView on iOS version 5 on 2011-10-12 Note: 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.