Übersicht

Die all CSS Kurzform Eigenschaft setzt alle Eigenschaften mit Ausnahme von unicode-bidi und direction auf ihren ursprünglichen oder vererbten Wert zurück.

InitialwertEs gibt keinen praktischen Initialwert dafür.
Anwendbar aufalle Elemente
VererbtNein
MedienEs gibt kein praktisches Medium dafür.
Berechneter Wertwie der angegebene Wert wird er auf alle Eigenschaften angewandt, für die dies eine Kurzschreibweise ist.
Animationstypwie jede der Kurzschreibweisen Eigenschaften (alle Eigenschaften außer unicode-bidi und direction)
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

all: initial;
all: inherit;
all: unset;

Werte

initial
Dieses Schlüsselwort gibt an, dass alle dem Element oder dem Elternelement zugewiesenen Eigenschaften auf deren ursprünglichen Wert geändert werden sollen. unicode-bidi und direction Werte sind davon nicht betroffen.
inherit
Dieses Schlüsselwort gibt an, dass alle dem Element oder dem Elternelement zugewiesenen Eigenschaften auf den Wert des Elternelements geändert werden sollen. unicode-bidi und direction Werte sind davon nicht betroffen.
unset
Dieses Schlüsselwort gibt an, dass alle dem Element oder dem Elternelement zugewiesenen Eigenschaften auf den Wert des Elternelements geändert werden sollen, falls sie vererbbar sind, ansonsten auf ihren ursprünglichen Wert. unicode-bidi und direction Werte sind davon nicht betroffen.

Formale Syntax

initial | inherit | unset | revert

Beispiele

HTML

<blockquote id="quote">Lorem ipsum dolor sit amet.</blockquote> Phasellus eget velit sagittis.

CSS

html {
  font-size: small;
  background-color: #F0F0F0;
  color: blue;
}

blockquote {
  background-color: skyblue;
  color: red;
}

Ergibt:

Keine all Eigenschaft

Das <blockquote> Element verwendet die Standarddarstellung des Browsers zusammen mit einer angepassten Hintergrund- und Textfarbe. Es verhält sich auch wie ein Blockelement: Der Text, der ihm folgt, wird unter ihm angezeigt.

all:unset

Das <blockquote> Element verwendet nicht die Standarddarstellung des Browsers: Es ist jetzt ein Inlineelement (ursprünglicher Wert), seine background-color Eigenschaft ist transparent (ursprünglicher Wert), aber seine font-size Eigenschaft ist immer noch small (vererbter Wert) und seine color Eigenschaft ist blue (vererbter Wert).

all:initial

Das <blockquote> Element verwendet nicht die Standarddarstellung des Browsers: Es ist jetzt ein Inlineelement (ursprünglicher Wert), seine background-color Eigenschaft ist transparent (ursprünglicher Wert), seine font-size Eigenschaft ist normal (ursprünglicher Wert) und seine color Eigenschaft ist black (ursprünglicher Wert).

all:inherit

Das <blockquote> Element verwendet nicht die Standarddarstellung des Browsers: Es ist jetzt ein Blockelement (vererbter Wert seines beinhaltenden <div>), seine background-color Eigenschaft ist transparent (vererbter Wert), seine font-size Eigenschaft ist small (vererbter Wert) und seine color Eigenschaft ist blue (vererbter Wert).

Spezifikationen

Spezifikation Status Anmerkung
CSS Cascading and Inheritance Level 3
Die Definition von 'all' in dieser Spezifikation.
Anwärter Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidiOS SafariSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 37Edge Keine Unterstützung NeinFirefox Vollständige Unterstützung 27IE Keine Unterstützung NeinOpera Vollständige Unterstützung 24Safari Vollständige Unterstützung 9.1WebView Android Vollständige Unterstützung 37Chrome Android Vollständige Unterstützung 37Edge Mobile ? Firefox Android Vollständige Unterstützung 27Opera Android Vollständige Unterstützung 24Safari iOS Vollständige Unterstützung 9.3Samsung Internet Android Vollständige Unterstützung 4.0
revertChrome Keine Unterstützung NeinEdge ? Firefox Keine Unterstützung NeinIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Vollständige Unterstützung 9.1WebView Android Keine Unterstützung NeinChrome Android ? Edge Mobile ? Firefox Android Keine Unterstützung NeinOpera Android Keine Unterstützung NeinSafari iOS Vollständige Unterstützung 9.3Samsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt

Siehe auch

Die CSS-weiten Eigenschaften initial, inherit und unset.

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, Sebastianz, fscholz, levito
Zuletzt aktualisiert von: SJW,