--- 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"> <p>Ten akapit zawiera <em>wyróżniony tekst</em> wewnątrz.</p> </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"> <p>Ten akapit zawiera <em>wyróżniony tekst</em> wewnątrz.</p> </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" } ) }}