Vererbung

Eigenschaften werden vom übergeordneten Element an das untergeordnete Element vererbt. Oder nicht.

Vererbbare Eigenschaften

Zum Beispiel color

Nicht vererbbare Eigenschaften

Zum Beispiel border

CSS

div {color:blue;}

CSS

div {border:3px solid red;}

HTML

<div>

<p>Die Farbe wurde vom übergeordneten Element (div) vererbt.</p>

</div>

HTML

<div>

<p>Der Rahmen wurde nicht vererbt.</p>

</div>
 

CSS

p {border:inherit;}
 

CSS

<div>

<p>Der Rahmen wurde geerbt.</p>

</div>

Reales Codebeispiel im Quelltext

Der Rahmen wurde nicht vererbt.

Der Rahmen wurde geerbt.