Was ist der Unterschied zwischen CSS erben und initial?

8

Was genau ist der Unterschied zwischen inherit und initial in Bezug auf CSS? Für mich haben sie immer gleich funktioniert, zum Beispiel:

%Vor%

macht dasselbe wie

%Vor%     
Jad Joubran 15.04.2015, 21:29
quelle

5 Antworten

8

Der Anfangswert in der Zusammenfassung der Definition jeder CSS-Eigenschaft hat eine unterschiedliche Bedeutung für geerbte und nicht vererbte Eigenschaften.

Bei geerbten Eigenschaften wird der Anfangswert nur für das Stammelement verwendet, wenn für das Element kein Wert angegeben ist.

Bei nicht vererbten Eigenschaften wird der Anfangswert für jedes Element verwendet, wenn für das Element kein Wert angegeben ist.

Ein Anfangsschlüsselwort wird in CSS3 hinzugefügt, damit Autoren diesen Anfangswert explizit angeben können.

Das Schlüsselwort erben bedeutet, den Wert zu verwenden, der meinem Elternelement zugewiesen ist.

    
Ali Adravi 15.04.2015, 21:35
quelle
10

Die Vererbung erfolgt immer vom übergeordneten Element in der Dokumentstruktur, auch wenn das übergeordnete Element nicht der umgebende Block ist. Das anfängliche Tag gibt dem Element nur den ursprünglichen Wert.

    
Joshua 15.04.2015 21:35
quelle
4

erben

  

Dieses Schlüsselwort wendet den Wert des Elternelements des Elements an,

     
    

ob das Sinn macht oder nicht. Einige CSS-Eigenschaften, z. B. Farbe oder     Schriftfamilie, werden automatisch vererbt, aber andere, z. B. Anzeige     oder Rand, sind nicht. Das Schlüsselwort inherit sollte auf allen CSS funktionieren     Eigenschaften, obwohl.

  

initial

  

Dieses Schlüsselwort wendet den in der CSS definierten Anfangswert an   Spezifikationen. Manchmal ist dieser Anfangswert sinnvoll (float:   keine), manchmal ist es aus historischen Gründen da (Hintergrundwiederholung:   wiederhole), und manchmal machten die spec-Schreiber im Wesentlichen   zufällige - wenn auch etwas vertretbare - Wahl (Farbe: schwarz).

Mehr von der Quirksmode Seite

    
vishnu 15.04.2015 21:34
quelle
3

erben:

  

Das Schlüsselwort inherit gibt an, dass eine Eigenschaft den Wert übernehmen soll   von seinem Elternelement.

Beispiel

initial:

  

Das Anfangsschlüsselwort wird verwendet, um eine CSS-Eigenschaft auf ihren Standardwert zu setzen.

Beispiel

    
Muhammad Albarmawi 15.04.2015 21:35
quelle
0

color : initial wird von Internet Explorer nicht unterstützt.

    
user2251695 22.12.2015 10:10
quelle

Tags und Links