Minden - CSS-trükkök | CSS Almanach 2025

A allCSS tulajdonság visszaállítja a kiválasztott elem összes tulajdonságát, kivéve a directionés a unicode-biditulajdonságokat, amelyek vezérlik a szöveg irányát.

.module ( all: unset; )

Ennek lényege, hogy lehetővé teszi a stílusok komponens szintű visszaállítását. Néha sokkal könnyebb a semmiből kezdeni a formázással, mintsem harcolni minden ellen, ami már létezik.

Értékek

initial: visszaállítja a kiválasztott elem összes tulajdonságát a kezdeti értékekre, a CSS specifikációban meghatározottak szerint.
inherit: a kiválasztott elem örökli a szülőelem összes stílusát, beleértve azokat a stílusokat is, amelyek általában nem öröklhetőek.
unset: a kiválasztott elem örökli a szülőelemtől továbbadott öröklődő értékeket. Ha nem áll rendelkezésre örökölhető érték, akkor az egyes tulajdonságokhoz a CSS specifikációból származó kezdeti értéket kell használni.

Néhány tulajdonság nem rendelkezik a specifikációban kifejezetten definiált kezdeti értékkel, és ehelyett lehetővé teszi a felhasználói ügynök számára a kezdeti érték beállítását - colorés font-familyezek két példa. Ha all: initial;vagy all: unset;alkalmazzák, akkor a felhasználói ügynök alapértelmezett értékét használják initialezeknek a tulajdonságoknak az értékeként.

allrövidített tulajdonságnak tekinthető, mert lehetővé teszi számunkra, hogy minden CSS tulajdonság értékét egyszerre, egyetlen deklarációval ellenőrizhessük. Azonban a legtöbb gyorsírási tulajdonsággal ellentétben nincs gyakorlati „hosszúkézi” változat, és nincsenek altulajdonságai.

Demó

A CSS fülön találhat olyan megjegyzéseket, amelyek jelzik, mely tulajdonságok örökölhetők. Figyeljük meg, hogy ha az inheritértéket használjuk, a divörökli minden tulajdonság a szülő, köztük ez width, paddingés border, amelyeket általában nem öröklődik.

Tekintse meg a CSS-Tricks (@ css-tricks) a Pen all property bemutatóját a CodePen-en.

Több információ

all a W3C CSS lépcsőzetes és öröklődési szintű 4. szintű szerkesztő tervezetében
CSS2 teljes tulajdonság táblázat: az összes CSS2 tulajdonság öröklődését mutatja. A CSS3 specifikáció több részre van felosztva, és a specifikációs táblázaton szerepel.
Ismerkedés az Initialal: további részletek az initialértékről.
Stílus visszaállítása az „all: unset” használatával a Firefox 27-ben (2013), Cameron McCormack

Böngésző támogatás

Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.