Toate - CSS-Tricks

Anonim

allProprietatea în CSS resetează toate proprietățile elementului selectat, cu excepția directionși unicode-bidiproprietăț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-familysunt două exemple. Dacă all: initial;sau all: unset;se aplică, valoarea implicită a agentului utilizator este utilizată ca initialvaloare pentru aceste proprietăți.

alleste 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 inheritvaloarea este utilizată, de divmoș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 initialvaloare.
  • 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