Alle - CSS-tricks

Anonim

Den allejendom i CSS nulstiller alle de valgte element egenskaber, undtagen directionog unicode-bidiegenskaber, 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 - colorog font-familyer to eksempler. Hvis all: initial;eller all: unset;anvendes, bruges brugeragentens standardværdi som initialværdien for disse egenskaber.

allbetragtes 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 inheritværdi bruges, de divarver hver ejendom fra sit moderselskab, herunder det width, paddingog 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 initialvæ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