---
title: initial
slug: Web/CSS/initial
translation_of: Web/CSS/initial
---
<div>{{CSSRef}}</div>

<p>Słowo kluczowe <code>initial</code> aplikuje w CSSie początkową wartość do właściwości danego elementu. Jest ono dozwolne w każdej właściwości CSS i powoduje ono użycie <a href="https://developer.mozilla.org/pl/docs/Web/CSS/Warto%C5%9B%C4%87_pocz%C4%85tkowa">wartości początkowej</a>.</p>

<div class="note">
<p>We <a href="https://developer.mozilla.org/pl/docs/Web/CSS/Dziedziczenie#Właściwości_dziedziczone">właściwościach dziedziczonych</a> wartość początkowa może być zaskakująca i powinieneś się zastanowić nad użyciem słów kluczowych {{cssxref("inherit")}}, {{cssxref("unset")}}, lub {{cssxref("revert")}} zamiast wartości początkowej.</p>
</div>

<h2 id="Przykłady">Przykłady</h2>

<pre class="brush: css"> /* nagłówek z zieloną ramką */
 h2 { border: medium solid green }

 /* poniższy kod użyty w sidebarze przywraca kolor początkowy (initial) ramki */
 #sidebar h2 { border-color: initial; }
</pre>

<pre class="brush: css"> &lt;p style="color:red"&gt;
    ten tekst jest czerwony
       &lt;em style="color:initial"&gt;
         ten tekst ma kolor początkowy (initial), np. czarny
       &lt;/em&gt;
    ponownie kolor czerwony
 &lt;/p&gt; </pre>

<h2 id="Specyfikacja">Specyfikacja</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specyfikacja</th>
   <th scope="col">Status</th>
   <th scope="col">Komentarz</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('CSS4 Cascade', '#initial', 'initial') }}</td>
   <td>{{Spec2('CSS4 Cascade')}}</td>
   <td>No changes from Level 3.</td>
  </tr>
  <tr>
   <td>{{ SpecName('CSS3 Cascade', '#initial', 'initial') }}</td>
   <td>{{Spec2('CSS3 Cascade')}}</td>
   <td>Defines what an initial value is.</td>
  </tr>
  <tr>
   <td>{{ SpecName('CSS3 Values', "#common-keywords", "initial") }}</td>
   <td>{{Spec2('CSS3 Values')}}</td>
   <td>Defines the keyword.</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility"><nobr>Wsparcie przeglądarek</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>Podstawowe wspracie</td>
   <td>1.0</td>
   <td>{{CompatGeckoDesktop("1.9.1")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
    {{CompatGeckoDesktop("19.0")}}</td>
   <td>{{CompatNo}}</td>
   <td>15.0</td>
   <td>1.2</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>Podstawowe wsparcie</td>
   <td>1.0</td>
   <td>{{CompatGeckoMobile("1.9.1")}}{{property_prefix("-moz")}}<sup>[1]</sup><br>
    {{CompatGeckoMobile("19.0")}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatNo}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] Od wersji Firefox 1.0 wzwyż, wsparcie dla <code>-moz-initial</code> zostało dodane do każdej wersji, zakończono obsługę{{cssxref("quotes")}} od wersji Firefox 3.5 (Gecko 1.9.1). Wsparie dla niestandardowych prefiksów {{cssxref("-moz-border-top-colors","-moz-border-*-colors")}} w wersji Firefox 3.6 (Gecko 1.9.2). Wsparcie dla prefiksu <code>-moz-initial</code> zostało usunięte w <a href="/en-US/docs/Site_Compatibility_for_Firefox_24">Firefox 24</a> na korzyść słowa kluczowego <code>initial</code>.</p>

<h2 id="See_also" name="See_also">Zobacz również</h2>

<ul>
 <li><a href="/en-US/docs/Web/CSS/initial_value">initial value</a>, {{cssxref("inherit")}}, {{cssxref("unset")}}, {{cssxref("revert")}}</li>
</ul>