files/de/web/css/inheritance/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

---
title: Vererbung
slug: Web/CSS/inheritance
tags:
  - CSS
  - Guide
  - Web
translation_of: Web/CSS/inheritance
original_slug: Web/CSS/Vererbung
---
<h2 id="Übersicht">Übersicht</h2>
<p>Die Übersicht jeder <a href="/de/docs/Web/CSS/CSS_Referenz" title="en/CSS_Reference">CSS Eigenschaft Definition</a> gibt an, ob jene Eigenschaft standardmäßig vererbt ist ("Vererbt: Ja") oder nicht ("Vererbt: Nein"). Dies steuert, was passiert, falls kein Wert für eine Eigenschaft eines Elements angegeben wird.</p>
<h2 id="Vererbte_Eigenschaften">Vererbte Eigenschaften</h2>
<p>Falls kein Wert für eine <strong>vererbte Eigenschaft</strong> für ein Element angegeben wurde, erhält das Element den <a href="/de/docs/Web/CSS/Berechneter_Wert" title="en/CSS/computed_value">berechneten Wert</a> dieser Eigenschaft des Elternelements. Nur das Wurzelelement des Dokuments erhält den in der Übersicht angegebenen <a href="/de/docs/Web/CSS/Initialwert" title="en/CSS/initial_value">Initialwert</a>.</p>
<p>Ein typisches Beispiel für eine vererbte Eigenschaft ist die {{ Cssxref("color") }} Eigenschaft. Für die gegebene Stilregel:</p>
<pre class="brush: css">p { color: green }</pre>
<p>und den Markup:</p>
<pre class="brush: html">&lt;p&gt;Dieser Absatz beinhaltet &lt;em&gt;hervorgehobenen Text&lt;/em&gt;.&lt;/p&gt;</pre>
<p>werden die Wörter "hervorgehobenen Text" in grün erscheinen, da das <code>em</code> Element den Wert der {{ Cssxref("color") }} Eigenschaft vom <code>p</code> Element erbt. Es erhält <em>nicht</em> den Initialwert der Eigenschaft (welcher die Farbe des Wurzelelements ist, falls die Seite keine Farbe definiert).</p>
<h2 id="Nicht_vererbte_Eigenschaften">Nicht vererbte Eigenschaften</h2>
<p>Falls kein Wert für eine <strong>nicht vererbte Eigenschaft</strong> (in Mozilla Code manchmal auch <strong>rücksetzende Eigenschaft</strong> genannt) für ein Element angegeben wurde, erhält das Element den <a href="/de/docs/Web/CSS/Initialwert" title="en/CSS/initial_value">Initialwert</a> dieser Eigenschaft (wie in der Übersicht der Eigenschaft angegeben).</p>
<p>Ein typisches Beispiel für eine nicht vererbte Eigenschaft ist die {{ Cssxref("border") }} Eigenschaft. Für die gegebene Stilregel:</p>
<pre class="brush: css"> p { border: medium solid }</pre>
<p>und den Markup:</p>
<pre class="brush: html">  &lt;p&gt;Dieser Absatz beinhaltet &lt;em&gt;hervorgehobenen Text&lt;/em&gt;.&lt;/p&gt;</pre>
<p>werden die Wörter "hervorgehobenen Text" keinen Rahmen haben (da der Initialwert von {{ Cssxref("border-style") }} <code>none</code> ist).</p>
<h2 id="Hinweise">Hinweise</h2>
<p>Das {{ Cssxref("inherit") }} Schlüsselwort erlaubt es Autoren, die Vererbung explizit anzugeben. Dies funktioniert sowohl für vererbte als auch nicht vererbte Eigenschaften.</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
 <li><a href="/de/docs/Web/CSS/CSS_Referenz" title="CSS Reference">CSS Referenz</a></li>
 <li>{{ CSS_key_concepts() }}</li>
 <li>{{ Cssxref("inherit") }}</li>
</ul>