Den all
ejendom i CSS nulstiller alle de valgte element egenskaber, undtagen direction
og unicode-bidi
egenskaber, kontrol tekst retning.
.module ( all: unset; )
Pointen med det er at muliggøre nulstilling af typografier på komponentniveau. Nogle gange er det langt lettere at starte fra bunden med styling i stedet for at kæmpe mod alt, hvad der allerede er der.
Værdier
initial
: nulstiller alle det valgte elements egenskaber til deres oprindelige værdier som defineret i CSS-specifikationen.inherit
: det valgte element arver al dets overordnede elements styling, inklusive stilarter, der normalt ikke er arvelige.unset
: det valgte element arver eventuelle arvelige værdier, der overføres fra det overordnede element. Hvis der ikke er nogen arvelig værdi, bruges den oprindelige værdi fra CSS-specifikationen til hver ejendom.
Et par egenskaber har ikke en oprindelig værdi, der er udtrykkeligt defineret i specifikationen, og tillader i stedet brugeragenten at indstille den oprindelige værdi - color
og font-family
er to eksempler. Hvis all: initial;
eller all: unset;
anvendes, bruges brugeragentens standardværdi som initial
værdien for disse egenskaber.
all
betragtes som en "stenografisk" ejendom, fordi den giver os mulighed for at kontrollere værdierne for hver CSS-ejendom på én gang med en enkelt erklæring. Men i modsætning til de fleste stenografiske egenskaber er der ingen praktisk "langhånds" version, og den har ingen underegenskaber.
Demo
Se fanen CSS for kommentarer, der angiver, hvilke egenskaber der kan arves. Bemærk, at når inherit
værdi bruges, de div
arver hver ejendom fra sit moderselskab, herunder det width
, padding
og border
, som normalt ikke arvelig.
Se Pen all property demo af CSS-Tricks (@ css-tricks) på CodePen.
Mere information
all
i W3C CSS Cascading and Arv Niveau 4 Editorens kladde- CSS2-tabel med fuld egenskab: viser arvelighed af alle CSS2-egenskaber. CSS3-specifikationen er opdelt i flere dele og er indekseret i Specifikationstabellen.
- Bliv fortrolig med Initial: flere detaljer om
initial
værdien. - Nulstilling af stil ved hjælp af 'all: unset' i Firefox 27 (2013) af Cameron McCormack
Browsersupport
Denne browsersupportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at browseren understøtter funktionen i den version og opefter.
Desktop
Chrome | Firefox | IE | Edge | Safari |
---|---|---|---|---|
37 | 27 | Ingen | 79 | 9.1 |
Mobil / tablet
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 4.4.3-4.4.4 | 9.3 |