aboutsummaryrefslogtreecommitdiff
path: root/files/de/web/css/inheritance
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:45:38 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:45:38 +0100
commit4ab365b110f2f1f2b736326b7059244a32115089 (patch)
treec3c7c0219f728ade49a78c238c51cc0c8d06ebd6 /files/de/web/css/inheritance
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-4ab365b110f2f1f2b736326b7059244a32115089.tar.gz
translated-content-4ab365b110f2f1f2b736326b7059244a32115089.tar.bz2
translated-content-4ab365b110f2f1f2b736326b7059244a32115089.zip
unslug de: move
Diffstat (limited to 'files/de/web/css/inheritance')
-rw-r--r--files/de/web/css/inheritance/index.html33
1 files changed, 33 insertions, 0 deletions
diff --git a/files/de/web/css/inheritance/index.html b/files/de/web/css/inheritance/index.html
new file mode 100644
index 0000000000..f5d4a097b2
--- /dev/null
+++ b/files/de/web/css/inheritance/index.html
@@ -0,0 +1,33 @@
+---
+title: Vererbung
+slug: Web/CSS/Vererbung
+tags:
+ - CSS
+ - Guide
+ - Web
+translation_of: Web/CSS/inheritance
+---
+<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>