files/pl/web/css/dziedziczenie/index.html


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

---
title: Dziedziczenie
slug: Web/CSS/Dziedziczenie
tags:
  - CSS
  - 'CSS:Dokumentacje'
  - Dokumentacje
  - Wszystkie_kategorie
translation_of: Web/CSS/inheritance
---
<p>
{{ CSSRef() }}
</p>
<h3 id="Podsumowanie" name="Podsumowanie"> Podsumowanie</h3>
<p>Podsumowanie każdej <a href="pl/Dokumentacja_CSS">definicji własności CSS</a> zawiera informację, czy dana własność jest dziedziczona domyślnie ("Dziedziczona: tak"), czy też nie ("Dziedziczona: nie"). Umożliwia to kontrolę nad tym, co się dzieje, gdy nie została określona żadna wartość własności elementu.
</p>
<h3 id="W.C5.82asno.C5.9Bci_dziedziczone" name="W.C5.82asno.C5.9Bci_dziedziczone"> Własności dziedziczone </h3>
<p>Gdy nie została określona wartość <b>własności dziedziczonej</b> elementu, element otrzymuje <a href="pl/CSS/Warto%c5%9b%c4%87_wyliczona">wartość wyliczoną</a> własności elementu-rodzica. Tylko element główny dokumentu otrzymuje <a href="pl/CSS/Warto%c5%9b%c4%87_pocz%c4%85tkowa">wartość początkową</a> podaną w podsumowaniu własności.
</p><p>Typowym przykładem własności dziedziczonej jest własność {{ Cssxref("color") }}. Mając następujące reguły stylu:
</p>
<pre class="eval"> p { color: green }
</pre>
<p>i znaczniki
</p>
<pre class="eval"> &lt;p&gt;Ten akapit zawiera &lt;em&gt;wyróżniony tekst&lt;/em&gt; wewnątrz.&lt;/p&gt;
</pre>
<p>wyrażenie "wyróżniony tekst" będzie miało kolor zielony, ponieważ element <code>em</code> odziedziczył wartość własności {{ Cssxref("color") }} po elemencie <code>p</code>. <i>Nie</i> otrzymuje on początkowej wartości własności (którą jest kolor użyty w elemencie głównym, gdy nie został określony dla strony żaden kolor).
</p>
<h3 id="W.C5.82asno.C5.9Bci_niedziedziczone" name="W.C5.82asno.C5.9Bci_niedziedziczone"> Własności niedziedziczone </h3>
<p>Gdy nie została określona wartość <b>własności niedziedziczonej</b> (czasami nazywanej <b>własnością reset</b> w kodzie Mozilli) elementu, element otrzymuje <a href="pl/CSS/Warto%c5%9b%c4%87_pocz%c4%85tkowa">wartość początkową</a> tej własności (jak podano w podsumowaniu własności).
</p><p>Typowym przykładem własności niedziedziczonej jest własność {{ Cssxref("border") }}. Mając następujące reguły stylu:
</p>
<pre class="eval"> p { border: medium solid }
</pre>
<p>i znaczniki
</p>
<pre class="eval"> &lt;p&gt;Ten akapit zawiera &lt;em&gt;wyróżniony tekst&lt;/em&gt; wewnątrz.&lt;/p&gt;
</pre>
<p>wyrażenie "wyróżniony tekst" nie będzie posiadało ramki (ponieważ wartość początkowa własności {{ Cssxref("border-style") }} to <code>none</code>).
</p>
<h3 id="Uwagi" name="Uwagi"> Uwagi </h3>
<p>Słowo kluczowe {{ Cssxref("inherit") }} pozwala na bezpośrednie określenie dziedziczenia. Działa ono zarówno na własnościach dziedziczonych jak i niedziedziczonych.
</p>
<h3 id="Zobacz_r.C3.B3wnie.C5.BC" name="Zobacz_r.C3.B3wnie.C5.BC"> Zobacz również </h3>
<p>{{ Cssxref("inherit") }}, <a href="pl/CSS/Warto%c5%9b%c4%87_pocz%c4%85tkowa">wartość początkowa</a>
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ languages( { "en": "en/CSS/inheritance", "es": "es/CSS/inheritance", "fr": "fr/CSS/H\u00e9ritage", "ja": "ja/CSS/inheritance" } ) }}