Vse - CSS-triki | Almanah CSS 2025

allHotel v CSS ponastavi vse lastnosti izbrani element je, razen directionin unicode-bidilastnosti, ki smer nadzor besedilo.

.module ( all: unset; )

Bistvo tega je omogočanje ponastavitve slogov na ravni komponent. Včasih je veliko lažje začeti iz nič s stajlingom, kot pa se boriti proti vsem, kar je že tam.

Vrednote

initial: ponastavi vse lastnosti izbranega elementa na njihove začetne vrednosti, kot so opredeljene v specifikaciji CSS.
inherit: izbrani element podeduje ves slog nadrejenega elementa, vključno s slogi, ki običajno niso podedovalni.
unset: izbrani element podeduje kakršne koli dedne vrednosti, posredovane iz nadrejenega elementa. Če ni na voljo nobene podedljive vrednosti, se za vsako lastnost uporabi začetna vrednost iz specifikacije CSS.

Nekaj lastnosti nima začetne vrednosti, ki je v specifikaciji izrecno določena, in namesto tega omogočajo uporabniškemu agentu, da nastavi začetno vrednost - colorin font-familysta dva primera. Če je all: initial;ali all: unset;uporabljen, se kot initialvrednost za te lastnosti uporablja privzeta vrednost uporabniškega posrednika .

allse šteje za "stenografsko" lastnost, ker nam omogoča nadzor vrednosti vseh lastnosti CSS naenkrat z eno samo izjavo. Vendar v nasprotju z večino stenografskih lastnosti praktične različice "dolgoročno" ni in nima pod-lastnosti.

Demo

Oglejte si zavihek CSS za komentarje, ki kažejo, katere lastnosti so dedljive. Obvestilo, da ko se inheritje vrednost uporabljena, da divpodeduje vse premoženje iz njegovega matičnega podjetja, vključno s to je width, paddingin border, ki se običajno ne dedna.

Oglejte si demonstracijo Pen all property podjetja CSS-Tricks (@ css-tricks) na CodePen.

Več informacij

all v osnutku urednika kaskadnega in dedovanja stopnje 4 W3C CSS
Tabela celotnih lastnosti CSS2: prikazuje dedovanje vseh lastnosti CSS2. Specifikacija CSS3 je razdeljena na več delov in je indeksirana v tabeli specifikacij.
Spoznavanje začetnice: več podrobnosti o initialvrednosti.
Ponastavitev sloga z uporabo 'all: unset' v Firefoxu 27 (2013), ki ga je izvedel Cameron McCormack

Podpora za brskalnik

Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.