Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

-moz-window-shadow

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Summary

The -moz-window-shadow CSS property specifies whether a window will have a shadow. It only works on Mac OS X.

This property is not standard and from Firefox 44 onwards cannot be used on Web sites anymore.

Initial valuedefault
Applies toall elements that create native windows, e.g. <window>, <panel>
Inheritedno
Mediavisual
Computed valueas specified
Animatableno
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Firefox 3 added support for transparent windows on Mac OS X. However, for these windows shadows were turned off and there was no way of turning them on.

In Firefox 3.5 we changed the default; all windows now have a shadow. We introduced the -moz-window-shadow CSS property to provide a way to turn off unwanted shadows.

Syntax

default | menu | tooltip | sheet | none

Values

default
The window will have a shadow with the default window shadow style.
menu
The window will have the shadow style that's appropriate for menus.
tooltip
The window will have the shadow style that's appropriate for tooltips.
sheet
The window will have the shadow style that's appropriate for sheet windows.
none
The window won't have a shadow.

Examples

.KUI-panel {
  -moz-window-shadow: none;
}

Document Tags and Contributors

 Contributors to this page: teoli, Sebastianz, velvel53, Sheppy, trevorh, MarkusStange
 Last updated by: teoli,