Übersicht
Die Übersicht jeder CSS Eigenschaft Definition 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.
Vererbte Eigenschaften
Falls kein Wert für eine vererbte Eigenschaft für ein Element angegeben wurde, erhält das Element den berechneten Wert dieser Eigenschaft des Elternelements. Nur das Wurzelelement des Dokuments erhält den in der Übersicht angegebenen Initialwert.
Ein typisches Beispiel für eine vererbte Eigenschaft ist die color Eigenschaft. Für die gegebene Stilregel:
p { color: green }
und den Markup:
<p>Dieser Absatz beinhaltet <em>hervorgehobenen Text</em>.</p>
werden die Wörter "hervorgehobenen Text" in grün erscheinen, da das em Element den Wert der color Eigenschaft vom p Element erbt. Es erhält nicht den Initialwert der Eigenschaft (welcher die Farbe des Wurzelelements ist, falls die Seite keine Farbe definiert).
Nicht vererbte Eigenschaften
Falls kein Wert für eine nicht vererbte Eigenschaft (in Mozilla Code manchmal auch rücksetzende Eigenschaft genannt) für ein Element angegeben wurde, erhält das Element den Initialwert dieser Eigenschaft (wie in der Übersicht der Eigenschaft angegeben).
Ein typisches Beispiel für eine nicht vererbte Eigenschaft ist die border Eigenschaft. Für die gegebene Stilregel:
p { border: medium solid }
und den Markup:
<p>Dieser Absatz beinhaltet <em>hervorgehobenen Text</em>.</p>
werden die Wörter "hervorgehobenen Text" keinen Rahmen haben (da der Initialwert von border-style none ist).
Hinweise
Das inherit Schlüsselwort erlaubt es Autoren, die Vererbung explizit anzugeben. Dies funktioniert sowohl für vererbte als auch nicht vererbte Eigenschaften.
Siehe auch
- CSS Referenz
- CSS Key Concepts: CSS syntax, specificity and inheritance, the box, layout modes and visual formatting models, and margin collapsing, or the initial, computed, used and actual values. Definitions of value syntax, shorthand properties and replaced elements.
inherit