---
title: initial
slug: Web/CSS/initial
translation_of: Web/CSS/initial
---
<div>
 {{CSSRef}}</div>
<h2 id="Übersicht">Übersicht</h2>
<p>Der Wert <code>initial</code> repräsentiert einen vom Browser vorgegebenen Standardwert. Der Wert ist in jeder CSS Eigenschaft verfügbar, hat aber verschiedene Auswirkungen.</p>
<p>Siehe <a href="/en-US/docs/Web/CSS/initial_value">Standardwert</a>.</p>
<h2 id="Beispiel">Beispiel</h2>
<pre class="brush: css"> /* give 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; }
</pre>
<pre class="brush: css"> &lt;p style="color:red"&gt;
    this text is red
       &lt;em style="color:initial"&gt;
          this text is in the initial color (e.g. black)
       &lt;/em&gt;
    this is red again
 &lt;/p&gt; </pre>
<h2 id="Spezifikation">Spezifikation</h2>
<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Anmerkung</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><a href="http://www.w3.org/TR/css3-values/#keywords">CSS Values and Units Level 3</a></td>
   <td>{{Spec2('CSS3 Values')}}</td>
   <td>Wert hinzugefügt</td>
  </tr>
  <tr>
   <td><a href="http://www.w3.org/TR/css3-cascade/#initial0">CSS Cascade And Inheritance Level 3</a></td>
   <td>{{Spec2('CSS3 Cascade')}}</td>
   <td>Definiert den Wert</td>
  </tr>
 </tbody>
</table>
<h2 id="Browser_compatibility" name="Browser_compatibility"><nobr>Browser Kompatibilität</nobr></h2>
<div>
 {{CompatibilityTable}}</div>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Feature</th>
    <th>Chrome</th>
    <th>Firefox (Gecko)</th>
    <th>Internet Explorer</th>
    <th>Opera</th>
    <th>Safari (WebKit)</th>
   </tr>
   <tr>
    <td>Basic support</td>
    <td>1.0</td>
    <td>{{CompatGeckoDesktop("3.5")}}{{property_prefix("-moz")}}[*]<br>
     {{CompatGeckoDesktop("19.0")}}</td>
    <td>{{CompatNo}}</td>
    <td>15.0</td>
    <td>1.2(125)</td>
   </tr>
  </tbody>
 </table>
</div>
<div id="compat-mobile">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Feature</th>
    <th>Android</th>
    <th>Firefox Mobile (Gecko)</th>
    <th>IE Phone</th>
    <th>Opera Mobile</th>
    <th>Safari Mobile</th>
   </tr>
   <tr>
    <td>Basic support</td>
    <td>1.0</td>
    <td>{{CompatGeckoMobile("3.0")}}{{property_prefix("-moz")}}[*]<br>
     {{CompatGeckoMobile("169.0")}}</td>
    <td>{{CompatNo}}</td>
    <td>{{CompatNo}}</td>
    <td>{{CompatVersionUnknown}}</td>
   </tr>
  </tbody>
 </table>
</div>
<p>[*] Seit Firefox 1.0 wurden die Werte für <code>-moz-initial</code> festgelegt, bis mit der Definition von {{cssxref("quotes")}} ab Firefox 3.5 (Gecko 1.9.1) der Wert implementiert werden konnte. Die Werte für {{cssxref("-moz-border-top-colors","-moz-border-*-colors")}} wurden erst in in Firefox 3.6 (Gecko 1.9.2) hinzugefügt. Der Wert mit Präfix (<code>-moz-initial</code>) wurde in Firefox 19 durch <code>initial</code> erstetzt und wird seit Firefox 24 nichtmehr unterstützt.</p>
<h2 id="See_also" name="See_also">Siehe auch</h2>
<ul>
 <li><a href="/en-US/docs/Web/CSS/initial_value">initial value</a>, {{cssxref("inherit")}}</li>
</ul>