Kaikki - CSS-temppuja | CSS-almanakka 2025

allOmaisuus CSS nollaa kaikki valitun elementin ominaisuuksia, paitsi directionja unicode-bidiominaisuuksia, jotka valvontasäädöksellä suuntaan.

.module ( all: unset; )

Sen tarkoitus on sallia tyylien komponenttitason nollaaminen. Joskus on paljon helpompaa aloittaa tyhjästä muotoilulla kuin taistella kaikkea jo olemassa olevaa vastaan.

Arvot

initial: palauttaa kaikki valitun elementin ominaisuudet alkuperäisiin arvoihinsa CSS-määrityksissä määritetyllä tavalla.
inherit: valittu elementti perii kaikki ylätason elementtityylinsä, mukaan lukien tyylit, joita ei yleensä voi periä.
unset: valittu elementti perii kaikki periytyvältä elementiltä välitettävät perittävät arvot. Jos perittävää arvoa ei ole käytettävissä, kullekin ominaisuudelle käytetään CSS-määrityksen alkuperäistä arvoa.

Joillakin ominaisuuksilla ei ole spesifissä nimenomaisesti määritettyä alkuarvoa, ja sen sijaan käyttäjäagentti voi asettaa alkuperäisen arvon - colorja ne font-familyovat kaksi esimerkkiä. Jos all: initial;tai all: unset;käytetään, käyttäjäagentin oletusarvoa käytetään initialnäiden ominaisuuksien arvona.

allpidetään lyhytominaisuutena, koska sen avulla voimme hallita kaikkien CSS-ominaisuuksien arvoja kerralla yhdellä ilmoituksella. Toisin kuin useimmat lyhytkirjoitusominaisuudet, ei ole kuitenkaan käytännöllistä "pitkäkäden" versiota eikä sillä ole alaominaisuuksia.

Demo

Katso CSS-välilehdestä kommentteja, jotka osoittavat, mitkä ominaisuudet ovat perittäviä. Huomaa, että kun inheritarvoa käytetään, divperii jokaisen kiinteistön emoyhtiöstään kuten se width, paddingja border, joita ei tavallisesti peritty.

Katso CSS-Tricks (@ css-tricks) Pen all property demo CodePenistä.

Lisää tietoa

all W3C CSS Cascading and Inheritance Level 4 Editorin luonnoksessa
CSS2: n koko ominaisuustaulukko: näyttää kaikkien CSS2-ominaisuuksien perittävyyden. CSS3-spesifikaatio on jaettu useaan osaan ja se on indeksoitu erittelytaulukossa.
Alkuoppaan tutustuminen: lisätietoja initialarvosta.
Tyylin nollaus 'all: unset' -toiminnolla Firefox 27: ssä (2013), kirjoittanut Cameron McCormack

Selaimen tuki

Nämä selaintukitiedot ovat Caniuselta, jolla on tarkempia tietoja. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa tai uudemmassa.