1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
|
---
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"> <p style="color:red">
ten tekst jest czerwony
<em style="color:initial">
ten tekst ma kolor początkowy (initial), np. czarny
</em>
ponownie kolor czerwony
</p> </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>
|
