inherit

Übersicht

Der inherit CSS Wert lässt das Element, für das es angegeben wurde, den berechneten Wert der Eigenschaft seines Elternelements annehmen. Er ist für jede CSS Eigenschaft erlaubt.

Für vererbte Eigenschaften bestärkt es das Standardverhalten und wird nur dafür benötigt, eine andere Regel zu überschreiben. Für nicht vererbte Eigenschaften gibt er ein Verhalten an, das normalerweise wenig Sinn macht. Stattdessen sollte initial verwendet werden oder unset auf die all Eigenschaft angewandt werden.

Hinweis: Vererbung wird immer vom Elternelement im Dokumentbaum durchgeführt, auch wenn das Elternelement nicht der beinhaltende Block ist.

Beispiel

 /* Mache Überschriften zweiter Ebene grün */
 h2 { color: green; }

 /* ...aber lasse jene in der Seitenleiste unberührt,
    sodass diese die Farbe ihres Elternelements verwenden */
 #sidebar h2 { color: inherit; }

In diesem Beispiel verwenden die h2 Elemente innerhalb der Seitenleiste andere Farben. Zum Beispiel, falls eines davon der Kindknoten eines divs wäre, der auf folgende Regel passt

 div#current { color: blue; }

wäre es blau.

Spezifikationen

Spezifikation Status Anmerkung
CSS Values and Units Module Level 3
Die Definition von 'inherit' in dieser Spezifikation.
Anwärter Empfehlung Keine signifikante Änderung bezüglich CSS Level 2 (Revision 1).
CSS Level 2 (Revision 1)
Die Definition von 'inherit' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
inheritChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 8Opera Vollständige Unterstützung 4Safari Vollständige Unterstützung 1WebView Android Vollständige Unterstützung 1Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung

Siehe auch