all
Vara CSS taastab kõik valitud elemendi omadused, välja arvatud direction
ja unicode-bidi
omadused, mis kontrolli teksti suunas.
.module ( all: unset; )
Selle mõte on stiilide lähtestamine komponenditasemel. Mõnikord on palju lihtsam alustada stiiliga nullist, mitte võidelda kõige olemasoleva vastu.
Väärtused
initial
: lähtestab kõik valitud elemendi atribuudid nende algväärtustele, nagu on määratletud CSS-i spetsifikatsioonis.inherit
: valitud element pärib kogu oma vanema elemendi stiili, sealhulgas stiilid, mis pole tavaliselt päritavad.unset
: valitud element pärib kõik vanemelemendilt pärandatavad väärtused. Kui pärandväärtust pole saadaval, kasutatakse iga atribuudi jaoks CSS-i spetsifikatsiooni algväärtust.
Mõnel atribuudil pole spetsifikatsioonis otseselt määratletud algväärtust ja see lubab kasutajaagendil selle asemel algse väärtuse määrata - color
ja need font-family
on kaks näidet. Kui rakendatakse all: initial;
või all: unset;
kasutatakse, kasutatakse initial
nende omaduste väärtusena kasutajaagendi vaikeväärtust .
all
peetakse lühikese omadusena, kuna see võimaldab meil ühe deklaratsiooniga kontrollida iga CSS-i atribuudi väärtusi korraga. Kuid erinevalt enamikust lühikestest omadustest puudub praktiline "pikkade käte" versioon ja sellel pole alamomadusi.
Demo
Vaadake CSS-i vahekaardilt kommentaare, mis näitavad, millised atribuudid on päritavad. Teate, et kui inherit
raha kasutamisel div
pärib iga vara oma vanema, sealhulgas see width
, padding
ja border
, mis ei ole tavaliselt pärilik.
Vaadake CodePenis lehelt CSS-Tricks (@ css-tricks) Pen all property demo.
Rohkem informatsiooni
all
W3C CSS-i kaskaadimise ja pärimise 4. taseme redaktori mustandis- CSS2 täisomaduste tabel: näitab kõigi CSS2 omaduste pärilikkust. CSS3 spetsifikatsioon on jagatud mitmeks osaks ja on indekseeritud spetsifikatsioonide tabelis.
- Initialiga tutvumine: lisateave
initial
väärtuse kohta. - Stiili lähtestamine, kasutades Cameron McCormacki Firefox 27 (2013) käsku „all: unset”
Brauseri tugi
Need brauseri tugiandmed pärinevad Caniuse'ilt, millel on üksikasjalikum teave. Number näitab, et brauser toetab selle versiooni ja uuemat funktsiooni.
Töölaud
Chrome | Firefox | IE | Edge | Safari |
---|---|---|---|---|
37 | 27 | Ei | 79 | 9.1 |
Mobiil / tahvelarvuti
Android Chrome | Android Firefox | Android | iOS-i Safari |
---|---|---|---|
88 | 85 | 4.4.3–4.4.4 | 9.3 |