Revision 41020 of initial

  • Revision slug: CSS/initial
  • Revision title: initial | -moz-initial
  • Revision id: 41020
  • Created:
  • Creator: Jürgen Jeka
  • Is current revision? No
  • Comment 39 words added, 15 words removed

Revision Content

{{ CSSMozExtensionRef() }}

Summary

The -moz-initial value is a Mozilla implementation of CSS3 initial. Applies the initial value of a property to an element.

-moz-initial is allowed on every CSS property. It causes the element for which it is specified to use the initial value of the property.

For non-inherited properties

For non-inherited properties, this reinforces the default behavior, and is only needed to override another rule. For example:

 /* give second-level headers a green border */
 h2 { border: medium solid green }
 
 /* but make those in the sidebar use the value of the color property */
 #sidebar h2 { border-color: initial; }
 /* ...could also be accomplished in CSS1 with 'border: medium solid' */

For inherited properties

For inherited properties, this behavior is somewhat more unusual since it is not reinforcing the default behavior.

Specifications

Browser Compatibility

Browser Lowest Version
Internet Explorer n/a
Firefox (Gecko) 1.0-3.0 (1.0-1.9) -moz-initial
Opera n/a
Safari (WebKit) n/a

Increasing support in each version, mostly done in Fx 3.0. Support for quotes and -moz-border-*-colors in Fx 3.6 (Gecko 1.9.2)

See Also

{{ cssxref("inherit") }}

{{ languages( { "es": "es/CSS/initial", "fr": "fr/CSS/initial" } ) }}

Revision Source

<p>{{ CSSMozExtensionRef() }}</p>
<h3 name="Summary">Summary</h3>
<p>The<code> <code>-moz-initial</code> </code>value is a Mozilla implementation of CSS3<code> <code>initial<span style="font-family: Verdana,Tahoma,sans-serif;">.</span></code></code> Applies the initial value of a property to an element.</p>
<p><code>-moz-initial </code>is allowed on every CSS property. It causes the element for which it is specified to use the <a href="/en/CSS/initial_value" title="en/CSS/initial_value">initial value</a> of the property.</p>
<h4 name="For_non-inherited_properties">For non-inherited properties</h4>
<p>For <a href="/en/CSS/inheritance" title="en/CSS/inheritance">non-inherited properties</a>, this reinforces the default behavior, and is only needed to override another rule. For example:</p>
<pre class="eval"> /* give second-level headers a green border */
 h2 { border: medium solid green }
 
 /* but make those in the sidebar use the value of the <a href="/en/CSS/color" title="en/CSS/color">color</a> property */
 #sidebar h2 { border-color: initial; }
 /* ...could also be accomplished in CSS1 with 'border: medium solid' */
</pre>
<h4 name="For_inherited_properties">For inherited properties</h4>
<p>For <a href="/en/CSS/inheritance" title="en/CSS/inheritance">inherited properties</a>, this behavior is somewhat more unusual since it is not reinforcing the default behavior.</p>
<h3 name="Specifications">Specifications</h3>
<ul> <li><a class="external" href="http://www.w3.org/TR/css3-values/#keywords">CSS 3 Values #keywords</a></li> <li><a class="external" href="http://www.w3.org/TR/css3-cascade/#initial0">CSS 3 Cascade #initial</a></li>
</ul>
<h3 name="Browser_Compatibility">Browser Compatibility</h3>
<table class="standard-table"> <tbody> <tr> <th>Browser</th> <th>Lowest Version</th> </tr> <tr> <td>Internet Explorer</td> <td>n/a</td> </tr> <tr> <td>Firefox (Gecko)</td> <td>1.0-3.0 (1.0-1.9)<code> -moz-initial</code></td> </tr> <tr> <td>Opera</td> <td>n/a</td> </tr> <tr> <td>Safari (WebKit)</td> <td>n/a</td> </tr> </tbody>
</table>
<p>Increasing support in each version, mostly done in Fx 3.0. Support for<code> quotes </code>and <code>-moz-border-*-colors </code>in Fx 3.6 (Gecko 1.9.2)</p>
<h3 name="See_Also">See Also</h3>
<p>{{ cssxref("inherit") }}</p>
<p>{{ languages( { "es": "es/CSS/initial", "fr": "fr/CSS/initial" } ) }}</p>
Revert to this revision