Kõik - CSS-trikid

Lang L: none (table-of-contents)

allVara CSS taastab kõik valitud elemendi omadused, välja arvatud directionja unicode-bidiomadused, 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 - colorja need font-familyon kaks näidet. Kui rakendatakse all: initial;või all: unset;kasutatakse, kasutatakse initialnende omaduste väärtusena kasutajaagendi vaikeväärtust .

allpeetakse 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 inheritraha kasutamisel divpärib iga vara oma vanema, sealhulgas see width, paddingja 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 initialvää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

Huvitavad Artiklid...