Visi - CSS-triki

Satura rādītājs

allĪpašums CSS atiestata visus atlasītā elementa īpašības, izņemot directionun unicode-bidiīpašībām, kas kontrole teksta virziens.

.module ( all: unset; )

Tā jēga ir atļaut stilu atiestatīšanu komponentu līmenī. Dažreiz ir daudz vieglāk sākt no nulles ar stilu, nevis cīnīties pret visu, kas jau ir.

Vērtības

  • initial: atiestata visas atlasītā elementa īpašības to sākotnējām vērtībām, kā noteikts CSS spec.
  • inherit: atlasītais elements pārņem visu tā pamatelementa stilu, ieskaitot stilus, kas parasti nav pārmantojami.
  • unset: atlasītais elements pārmanto visas mantojamās vērtības, kas nodotas no vecāka elementa. Ja nav pieejama mantojama vērtība, katram īpašumam tiek izmantota sākotnējā CSS specifikācijas vērtība.

Dažiem rekvizītiem sākotnējā vērtība nav skaidri definēta specifikācijā, un tā vietā ļauj lietotāja aģentam iestatīt sākotnējo vērtību - colorun tie font-familyir divi piemēri. Ja tiek lietota all: initial;vai all: unset;tiek lietota, kā initialvērtību šīm īpašībām tiek izmantota lietotāja aģenta noklusējuma vērtība .

alltiek uzskatīts par “stenogrāfijas” rekvizītu, jo tas ļauj mums kontrolēt katra CSS rekvizīta vērtības uzreiz ar vienu deklarāciju. Tomēr atšķirībā no vairuma stenogrāfijas īpašību nav praktiskas “longhand” versijas un tam nav apakšīpašību.

Demonstrācija

Cilnē CSS skatiet komentārus, kas norāda, kuri īpašumi ir mantojami. Ievērojiet, ka tad, kad inheritvērtība tiek izmantota, lai divmanto katru īpašumu no tā vecāka, tai skaitā tas width, paddingun border, kas parasti netiek mantotas.

Vietnē CodePen skatiet CSS-Tricks (@ css-tricks) visu attēlu demonstrāciju.

Vairāk informācijas

  • all W3C CSS kaskādes un mantojuma 4. līmeņa redaktora melnrakstā
  • CSS2 pilnu īpašumu tabula: parāda visu CSS2 rekvizītu mantojamību. CSS3 specifikācija ir sadalīta vairākās daļās un ir indeksēta specifikāciju tabulā.
  • Iepazīšanās ar Initial: sīkāka informācija par initialvērtību.
  • Stila atiestatīšana, izmantojot “all: unset” pārlūkprogrammā Firefox 27 (2013), autors: Cameron McCormack

Pārlūka atbalsts

Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.

Darbvirsma

Chrome Firefox IE Mala Safari
37 27 Nē 79 9.1

Mobilais / planšetdators

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

Interesanti raksti...