Visi - CSS-gudrybės

Turinys

allCSS nuosavybė atstato visus Pasirinktas elementas savybių, išskyrus directionir unicode-bidisavybių, kurios kontrolė teksto kryptį.

.module ( all: unset; )

Jo esmė - leisti komponentų lygiu atstatyti stilius. Kartais kur kas lengviau pradėti nuo nulio su stiliumi, o ne kovoti su viskuo, kas jau yra.

Vertybės

  • initial: atstato visas pasirinkto elemento savybes į pradines vertes, kaip apibrėžta CSS specifikacijoje.
  • inherit: pasirinktas elementas paveldi visą pagrindinio elemento stilių, įskaitant stilius, kurie paprastai nėra paveldimi.
  • unset: pasirinktas elementas paveldi visas paveldimas vertes, perduotas iš pirminio elemento. Jei paveldimos vertės nėra, kiekvienai nuosavybei naudojama pradinė CSS specifikacijos vertė.

Keletas savybės neturite pradinę vertę aiškiai apibrėžtą spec ir vietoj leidžia vartotojui agentas nustatyti pradinę vertę - colorir font-familydu pavyzdžiai. Jei taikoma all: initial;arba all: unset;taikoma, naudotojo agento numatytoji vertė naudojama kaip initialšių ypatybių vertė.

allyra laikoma „trumpąja“ ypatybe, nes ji leidžia mums vienu metu suvaldyti kiekvieno CSS turto vertes. Tačiau, skirtingai nuo daugumos trumpinių savybių, nėra praktiškos „ilgų rankų“ versijos ir ji neturi papildomų savybių.

Demonstracija

Žr. CSS skirtuką, kur rasite komentarų, nurodančių, kurios ypatybės yra paveldimos. Atkreipkite dėmesį, kad kai inheritvertė yra naudojama, kad divpaveldi kiekvienas turtą iš savo patronuojančios bendrovės, įskaitant tai width, paddingir border, kurie paprastai nėra paveldima.

Peržiūrėkite „CSS-Tricks“ („@ css-tricks“) „Rašykite visą turtą“ demonstracinę versiją „CodePen“.

Daugiau informacijos

  • all W3C CSS kaskados ir paveldėjimo 4 lygio redaktoriaus juodraštyje
  • CSS2 visos nuosavybės lentelė: parodo visų CSS2 ypatybių paveldimumą. CSS3 specifikacija yra padalinta į kelias dalis ir yra indeksuojama specifikacijų lentelėje.
  • Susipažinimas su pradiniu: išsamesnė informacija apie initialvertę.
  • Stiliaus nustatymas iš naujo naudojant „all: unset“ „Firefox 27“ (2013), kurį sukūrė Cameronas McCormackas

Naršyklės palaikymas

Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.

Darbalaukis

„Chrome“ „Firefox“ T.Y Briauna „Safari“
37 27 Ne 79 9.1

Mobilusis / planšetinis kompiuteris

„Android Chrome“ „Android Firefox“ „Android“ „iOS Safari“
88 85 4.4.3–4.4.4 9.3

Įdomios straipsniai...