all
Proprietatea în CSS resetează toate proprietățile elementului selectat, cu excepția direction
și unicode-bidi
proprietățile pe care direcția textului de control.
.module ( all: unset; )
Scopul acestuia este să permită resetarea stilurilor la nivel de componentă. Uneori este mult mai ușor să începi de la zero cu stilul, mai degrabă decât să lupți împotriva a tot ceea ce există deja.
Valori
initial
: resetează toate proprietățile elementului selectat la valorile lor inițiale definite în specificația CSS.inherit
: elementul selectat moștenește stilul elementului său părinte, inclusiv stilurile care nu sunt moștenite în mod normal.unset
: elementul selectat moștenește orice valori moștenite transmise de la elementul părinte. Dacă nu este disponibilă nicio valoare moștenitoare, valoarea inițială din specificația CSS este utilizată pentru fiecare proprietate.
Câteva proprietăți nu au o valoare inițială definită explicit în specificație și permit în schimb agentului utilizator să seteze valoarea inițială - color
și font-family
sunt două exemple. Dacă all: initial;
sau all: unset;
se aplică, valoarea implicită a agentului utilizator este utilizată ca initial
valoare pentru aceste proprietăți.
all
este considerată o proprietate „stenogramă” deoarece ne permite să controlăm valorile fiecărei proprietăți CSS simultan cu o singură declarație. Cu toate acestea, spre deosebire de majoritatea proprietăților de stenogramă, nu există o versiune practică „de lungă durată” și nu are sub-proprietăți.
Demo
Consultați fila CSS pentru comentarii care indică ce proprietăți sunt moștenite. Observați că atunci când inherit
valoarea este utilizată, de div
moștenește fiecare proprietate de la mamă, inclusiv este width
, padding
și border
, care nu sunt în mod normal moștenite.
Vedeți Demo-ul Pen all property de către CSS-Tricks (@ css-tricks) pe CodePen.
Mai multe informatii
all
în W3C CSS Cascading and Hertenance Level 4 Editor's Draft- CSS2 Full Property Table: arată moștenirea tuturor proprietăților CSS2. Specificația CSS3 este împărțită în mai multe părți și este indexată în Tabelul de specificații.
- Cunoașterea inițialei: mai multe detalii despre
initial
valoare. - Resetarea stilului folosind „all: unset” în Firefox 27 (2013) de Cameron McCormack
Suport pentru browser
Aceste date de asistență pentru browser provin de la Caniuse, care are mai multe detalii. Un număr indică faptul că browserul acceptă funcția în versiunea respectivă și în sus.
Desktop
Crom | Firefox | IE | Margine | Safari |
---|---|---|---|---|
37 | 27 | Nu | 79 | 9.1 |
Mobil / Tabletă
Android Chrome | Android Firefox | Android | Safari iOS |
---|---|---|---|
88 | 85 | 4.4.3-4.4.4 | 9.3 |