all
Nehnuteľnosť v CSS zmení všetky vlastnosťou vybraného prvku je, s výnimkou direction
a unicode-bidi
vlastnosti, 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 - color
a font-family
ide o dva príklady. Ak sa použije all: initial;
alebo all: unset;
použije, použije sa ako initial
hodnota pre tieto vlastnosti predvolená hodnota agenta používateľa .
all
sa 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ď inherit
sa použije hodnota, tým div
zdedí každý z rodičov, zahŕňajúce to width
, padding
a 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
initial
hodnote. - 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 |