Die Vererbung in CSS gibt den Wert mancher Eigenschaften an die enthaltenen Elemente weiter. Deshalb genügt es, die Schriftart einmal zu setzen.
- Vererbung (CSS)
Weitergabe des Wertes einer Eigenschaft vom Elternelement an die enthaltenen Elemente.
Beispiel: „Die Vererbung erspart es, dieselbe Schriftart an hundert Stellen zu wiederholen.“
Was sich vererbt und was nicht
Vererbt wird, was den Text betrifft: Schriftart, Schriftgröße, Zeilenhöhe, Textfarbe, Ausrichtung. Nicht vererbt wird, was die Box betrifft: Abstände, Rahmen, Hintergrund, Breite. Die Einteilung ist nicht willkürlich, sie folgt der Frage, ob eine Weitergabe sinnvoll wäre.
Deshalb genügt es, Schriftart und Zeilenhöhe einmal am body-Element zu setzen.
Steuern lässt es sich
Mit inherit lässt sich ein Wert ausdrücklich vom Elternelement übernehmen, auch bei Eigenschaften, die sich sonst nicht vererben. Umgekehrt setzt initial auf den Ausgangswert zurück.