Všetko - Triky CSS

Anonim

allNehnuteľnosť v CSS zmení všetky vlastnosťou vybraného prvku je, s výnimkou directiona unicode-bidivlastnosti, ktoré smeru ovládanie textu.

.module ( all: unset; )

Jedná sa o to, že umožňuje resetovanie štýlov na úrovni komponentov. Niekedy je oveľa jednoduchšie začať od začiatku so stylingom, ako bojovať proti všetkému, čo už existuje.

Hodnoty

  • initial: obnoví všetky vlastnosti vybraného prvku na ich počiatočné hodnoty definované v špecifikácii CSS.
  • inherit: vybratý prvok dedí všetok štýl svojho nadradeného prvku vrátane štýlov, ktoré sa za bežných okolností nedajú zdediť.
  • unset: vybraný prvok dedí všetky dedičné hodnoty odovzdávané z nadradeného prvku. Ak nie je k dispozícii žiadna dedičná hodnota, použije sa pre každú vlastnosť počiatočná hodnota zo špecifikácie CSS.

Niekoľko vlastností nemá počiatočnú hodnotu explicitne definovanú v špecifikácii a namiesto toho umožňuje užívateľskému agentovi nastaviť počiatočnú hodnotu - colora font-familyide o dva príklady. Ak sa použije all: initial;alebo all: unset;použije, použije sa ako initialhodnota pre tieto vlastnosti predvolená hodnota agenta používateľa .

allsa považuje za vlastnosť „skratky“, pretože nám umožňuje ovládať hodnoty každej vlastnosti CSS naraz pomocou jedinej deklarácie. Na rozdiel od väčšiny stenografických vlastností však neexistuje praktická „dlhodobá“ verzia a nemá žiadne podvlastnosti.

Ukážka

Na karte CSS nájdete komentáre, ktoré označujú, ktoré vlastnosti sú zdediteľné. Všimnite si, že keď inheritsa použije hodnota, tým divzdedí každý z rodičov, zahŕňajúce to width, paddinga border, ktoré nie sú za normálnych okolností zdedil.

Prezrite si ukážku všetkých vlastností pera od CSS-Tricks (@ css-tricks) na CodePen.

Viac informácií

  • all v redakčnom koncepte kaskádových a dedičných úrovní W3C CSS 4. úrovne
  • Tabuľka úplných vlastností CSS2: zobrazuje dedičnosť všetkých vlastností CSS2. Špecifikácia CSS3 je rozdelená na niekoľko častí a je indexovaná v tabuľke špecifikácií.
  • Oboznámenie sa s prvou: viac podrobností o initialhodnote.
  • Obnovenie štýlu pomocou nástroja „all: unset“ vo Firefoxe 27 (2013) od Camerona McCormacka

Podpora prehľadávača

Údaje o podpore tohto prehľadávača sú od spoločnosti Caniuse, ktorá obsahuje viac podrobností. Číslo označuje, že prehliadač podporuje túto funkciu v danej verzii alebo vyššej.

Desktop

Chrome Firefox IE Hrana Safari
37 27 Nie 79 9.1

Mobil / tablet

Android Chrome Android Firefox Android iOS Safari
88 85 4.4.3-4.4.4 9.3