Tutti - Trucchi CSS | CSS Almanac 2025

La allproprietà in CSS ripristina tutte le proprietà dell'elemento selezionato, tranne le proprietà directione unicode-bidiche controllano la direzione del testo.

.module ( all: unset; )

Il punto è consentire il ripristino degli stili a livello di componente. A volte è molto più facile iniziare da zero con lo stile piuttosto che combattere tutto ciò che è già presente.

Valori

initial: ripristina tutte le proprietà dell'elemento selezionato ai valori iniziali come definito nelle specifiche CSS.
inherit: l'elemento selezionato eredita tutto lo stile del suo elemento genitore, inclusi gli stili che normalmente non sono ereditabili.
unset: l'elemento selezionato eredita qualsiasi valore ereditabile trasmesso dall'elemento genitore. Se non è disponibile alcun valore ereditabile, per ciascuna proprietà viene utilizzato il valore iniziale della specifica CSS.

Alcune proprietà non hanno un valore iniziale esplicitamente definito nelle specifiche e consentono invece al programma utente di impostare il valore iniziale - colore font-familysono due esempi. Se viene applicato all: initial;o all: unset;, il valore predefinito dell'agente utente viene utilizzato come initialvalore per queste proprietà.

allè considerata una proprietà "abbreviata" perché ci consente di controllare i valori di ogni proprietà CSS contemporaneamente con una singola dichiarazione. Tuttavia, a differenza della maggior parte delle proprietà stenografiche, non esiste una versione pratica "longhand" e non ha proprietà secondarie.

Demo

Vedere la scheda CSS per i commenti che indicano quali proprietà sono ereditabili. Si noti che quando il inheritvalore viene utilizzato, le diveredita tutte le proprietà dal suo genitore, tra cui è width, paddinge borderche non sono normalmente ereditato.

Guarda la demo di Pen all property di CSS-Tricks (@ css-tricks) su CodePen.

Maggiori informazioni

all nel W3C CSS Cascading and Inheritance Level 4 Editor's Draft
Tabella delle proprietà CSS2 completa: mostra l'ereditarietà di tutte le proprietà CSS2. La specifica CSS3 è divisa in più parti ed è indicizzata nella tabella delle specifiche.
Familiarizzare con Initial: maggiori dettagli sul initialvalore.
Reimpostazione dello stile utilizzando "all: unset" in Firefox 27 (2013) di Cameron McCormack

Supporto browser

Questi dati di supporto del browser provengono da Caniuse, che ha più dettagli. Un numero indica che il browser supporta la funzione a quella versione e successive.