Was bewirkt der CSS-Anfangswert wirklich?-CSS-Tutorial-php.cn

What Does the CSS `initial` Value Really Do?

Verwendung des „Anfangswerts“ in CSS: erklärt

Der „Anfangswert“ in CSS hat bei vielen Entwicklern für Verwirrung gesorgt . Es wird oft als Darstellung des Standardstils des Browsers missverstanden, was nicht immer der Fall ist.

Definition von „Initial“

Gemäß CSS-Spezifikationen bezieht sich „initial“ auf der spezifizierte Anfangswert einer Immobilie, wie in der Dokumentation der Immobilie definiert. Dieser Wert hat nichts mit dem Standardstil des Browsers oder dem Originalwert des Elements zu tun.

Beispiel: Eigenschaft „display“

Im Fall der Eigenschaft „display“ lautet „ „initial“ bedeutet immer „inline“, da dies der festgelegte Anfangswert ist. Im bereitgestellten Beispiel:

div.inline {
  display: inline;
}

div.initial {
  display: initial;
}

Nach dem Login kopieren

wird inline angezeigt, und

wird auch inline angezeigt obwohl der Standardbrowserstil für „div“-Elemente blockiert ist. Dies liegt daran, dass „initial“ die Eigenschaft „display“ immer auf „inline“ setzt.

Eingeschränkte Nützlichkeit von „Initial“

Während „initial“ nützlich sein kann für Bei der Wiederherstellung des angegebenen Anfangswerts einer Eigenschaft wird ihre Nützlichkeit durch Folgendes eingeschränkt Faktoren:

Verwirrendes Verhalten:Seine Bedeutung variiert je nach Eigenschaft, im Gegensatz zum „Browser-Standard“-Wert.
Eingeschränkte Unterstützung: Es wird im Internet Explorer (einschließlich IE) nicht unterstützt 10).

Spezifische Anwendungsfälle

Einige mögliche Anwendungsfälle für „initial“ umfassen:

Festlegen der „Farbe“. '-Eigenschaft auf 'initial' setzen, um zur Standardeinstellung des Browsers zurückzukehren (die variieren kann)
Festlegen der Setzen Sie die Eigenschaft „font-family“ auf „initial“, um die Standardschriftart des Browsers zu verwenden (die je nach Benutzereinstellungen variieren kann)

Das obige ist der detaillierte Inhalt vonWas bewirkt der CSS-Anfangswert wirklich?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：php.cn

Vorheriger Artikel：Wie kann ich in CSS einen einseitigen Schlagschatten erstellen? Nächster Artikel：Warum lädt mein Nginx-Server nach dem Wechsel von Apache2 keine CSS-Dateien?

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors