MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Revision 108966 of -moz-window-shadow

  • Revision slug: CSS/-moz-window-shadow
  • Revision title: -moz-window-shadow
  • Revision id: 108966
  • Created:
  • Creator: MarkusStange
  • Is current revision? No
  • Comment 25 words added

Revision Content

{{ CSSMozExtensionRef() }}

{{ gecko_minversion_header("1.9.1") }}

Summary

-moz-window-shadow specifies whether a window will have a shadow. Currently it only works on Mac OS X.

  • {{ Xref_cssinitial() }}: {{ Cssxref("default") }}
  • Applies to: all elements that create native windows, e.g. window, panel
  • {{ Xref_cssinherited() }}: no
  • Percentages: n/a
  • Media: {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }}:

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 will now have a shadow. We introduced the -moz-window-shadow CSS property to provide a way to turn off unwanted shadows.

Firefox 3.5 and 3.6 only supported the values default and none. In Firefox 4.0, the values menu, tooltip and sheet were added.

Syntax

-moz-window-shadow: 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;
}

Revision Source

<p>{{ CSSMozExtensionRef() }}</p>
<p>{{ gecko_minversion_header("1.9.1") }}</p>
<h3 name="Summary">Summary</h3>
<p><code>-moz-window-shadow</code> specifies whether a window will have a shadow. Currently it only works on Mac OS X.</p>
<ul> <li>{{ Xref_cssinitial() }}: {{ Cssxref("default") }}</li> <li>Applies to: all elements that create native windows, e.g. window, panel</li> <li>{{ Xref_cssinherited() }}: no</li> <li>Percentages: n/a</li> <li>Media: {{ Xref_cssvisual() }}</li> <li>{{ Xref_csscomputed() }}:</li>
</ul>
<p>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.</p>
<p>In Firefox 3.5 we changed the default: all windows will now have a shadow. We introduced the <code>-moz-window-shadow</code> CSS property to provide a way to turn off unwanted shadows.</p>
<p>Firefox 3.5 and 3.6 only supported the values default and none. In Firefox 4.0, the values menu, tooltip and sheet were added.</p>
<h3 name="Syntax">Syntax</h3>
<pre class="eval">-moz-window-shadow: default | menu | tooltip | sheet | none
</pre>
<h3 name="Values">Values</h3>
<dl> <dt>default</dt> <dd>The window will have a shadow with the default window shadow style.</dd> <dt>menu</dt> <dd>The window will have the shadow style that's appropriate for menus.</dd> <dt>tooltip</dt> <dd>The window will have the shadow style that's appropriate for tooltips.</dd> <dt>sheet</dt> <dd>The window will have the shadow style that's appropriate for sheet windows.</dd> <dt>none</dt> <dd>The window won't have a shadow.</dd>
</dl>
<h3 name="Examples">Examples</h3>
<pre>.KUI-panel {
  -moz-window-shadow: none;
}
</pre>
Revert to this revision