Was ist der 'anfängliche' Wert in CSS?

Question

Ich dachte, dass der initial Wert zunächst gerenderte Stile wiederherstellen würde (wie von einem browser 's internen user-agent Stylesheet angewendet).

Beispiel:

div.inline { 
    display: inline; 
} 

div.initial { 
    display: initial; 
} 

erwartete ich die div.inline Regel <div class="inline"> in Inline-Modus angezeigt werden würde, und die div.initial Regel würde <div class="initial"> zeigt einen div die ursprünglichen Anzeigewert von block verwenden.

Aber wenn ich dies erkunde, wird <div class="initial"> inline angezeigt. Liege ich falsch? Kann jemand mehr darüber ausarbeiten?

Answer 1

Die initial value (nicht Attribut) den Anfangswert der Eigenschaft, wie in der CSS-Spezifikationen definiert: „Das‚anfängliche‘Schlüsselwort steht für den Wert festgelegt, die als die Eigenschaft des Anfangswert bestimmt wird“ Somit seine Bedeutung hängt von der Eigenschaft ab, aber nicht von irgendetwas anderem, z nicht im Browser oder auf dem Element, auf das die Eigenschaft angewendet wird. So ist es nicht mittlere Browser-Standard.

Zum Beispiel für die display Eigenschaft, initialimmer bedeutet inline, denn das ist der designierte Anfangswert der Eigenschaft ist. Im Beispielfall ist der Browser-Standardblock, da das Element div ist.

Daher ist der initial Wert von begrenzter Nützlichkeit. Sein Haupteffekt scheint zu sein, Menschen aufgrund von Missverständnissen zu verwirren. Ein möglicher Anwendungsfall ist für die color Eigenschaft, da ihr Anfangswert Browser-abhängig ist (meist schwarz, wie wir wissen, aber nicht unbedingt). Dafür bedeutet initial Browser-Standard, da so die Eigenschaft definiert wurde. Ein ähnlicher Anwendungsfall ist für font-family: durch Deklarieren font-family: initial, erhalten Sie Browser-Standardschriftart (die von Browsereinstellungen abhängen kann).

Die Nützlichkeit ist weiter durch mangelnde Unterstützung auf IE begrenzt (sogar IE 10).

Answer 2

Source

Die anfängliche CSS Schlüsselwort bezieht, den Anfangswert einer Eigenschaft eines Elements. Es ist für jede CSS-Eigenschaft zulässig und veranlasst das Element, für das es angegeben wurde, den Anfangswert der Eigenschaft zu verwenden.

/* give headers a green border */ 
h2 { border: medium solid green } 

/* but make those in the sidebar use the value of the "color" property */ 
#sidebar h2 { border-color: initial; } 
<p style="color:red"> 
    this text is red 
     <em style="color:initial"> 
      this text is in the initial color (e.g. black) 
     </em> 
    this is red again 
</p>