Alle - CSS-Tricks | CSS-Almanach 2025

Die allEigenschaft in CSS setzt alle Eigenschaften des ausgewählten Elements zurück, mit Ausnahme der Eigenschaften directionund, die die unicode-bidiTextrichtung steuern.

.module ( all: unset; )

Der Punkt dabei ist das Zurücksetzen von Stilen auf Komponentenebene. Manchmal ist es viel einfacher, mit dem Styling von vorne zu beginnen, als gegen alles zu kämpfen, was bereits vorhanden ist.

Werte

initial: Setzt alle Eigenschaften des ausgewählten Elements auf die in der CSS-Spezifikation definierten Anfangswerte zurück.
inherit: Das ausgewählte Element erbt das gesamte Styling des übergeordneten Elements, einschließlich der Stile, die normalerweise nicht vererbbar sind.
unset: Das ausgewählte Element erbt alle vererbbaren Werte, die vom übergeordneten Element übergeben wurden. Wenn kein vererbbarer Wert verfügbar ist, wird für jede Eigenschaft der Anfangswert aus der CSS-Spezifikation verwendet.

Einige Eigenschaften haben keinen explizit in der Spezifikation definierten Anfangswert und ermöglichen es dem Benutzeragenten, den Anfangswert festzulegen - colorund font-familysind zwei Beispiele. Wenn all: initial;oder all: unset;angewendet wird, wird der Standardwert des Benutzeragenten als initialWert für diese Eigenschaften verwendet.

allwird als "Kurzform" -Eigenschaft betrachtet, da wir damit die Werte jeder CSS-Eigenschaft mit einer einzigen Deklaration gleichzeitig steuern können. Im Gegensatz zu den meisten Kurzschrift-Eigenschaften gibt es jedoch keine praktische "Langhand" -Version und keine Untereigenschaften.

Demo

Auf der Registerkarte CSS finden Sie Kommentare, die angeben, welche Eigenschaften vererbbar sind. Beachten Sie, dass , wenn der inheritWert verwendet wird, die diverbt jede Eigenschaft von seinen Eltern, es einschließlich width, paddingund border, die nicht normalerweise vererbt.

Sehen Sie sich die Demo zu Pen all-Eigenschaften von CSS-Tricks (@ css-Tricks) auf CodePen an.

Mehr Informationen

all im W3C CSS Cascading and Inheritance Level 4 Editor's Draft
CSS2 Full Property Table: Zeigt die Vererbbarkeit aller CSS2-Eigenschaften an. Die CSS3-Spezifikation ist in mehrere Teile unterteilt und in der Spezifikationstabelle indiziert.
Kennenlernen von Initial: Weitere Details zum initialWert.
Zurücksetzen des Stils mit 'all: unset' in Firefox 27 (2013) von Cameron McCormack

Browser-Unterstützung

Diese Browser-Unterstützungsdaten stammen von Caniuse, das detaillierter ist. Eine Zahl gibt an, dass der Browser die Funktion ab dieser Version unterstützt.