Med Windows 10 Creators Update vil Microsoft Edge komme med støtte for CSS Custom Properties

Med den kommende Windows 10 Creators Update som utgis neste måned, vil Microsoft Edge støtte CSS Custom Properties som lar utviklere fullstendig kaskadere variabler på tvers av CSS-egenskaper.

Generelt kan nettapplikasjoner inneholde ganske mye CSS. De fleste verdiene i CSS-filen vil være dupliserte data; for eksempel kan et nettsted etablere et fargeskjema og gjenbruke tre eller fire farger på hele nettstedet. Å endre disse dataene kan være vanskelig og utsatt for feil, siden de er spredt over hele CSS-filen (og muligens på tvers av flere filer), og kanskje ikke er tilgjengelig for Finn-og-erstatt. CSS Custom Properties løser dette problemet ved å bruke en familie av egendefinerte forfatterdefinerte egenskaper kjent som egendefinerte egenskaper, som lar utviklere tilordne vilkårlige verdier til en egenskap med et navn, og var()-funksjonen, som lar utviklere deretter bruke disse verdiene i andre eiendommer andre steder i dokumentet. Se et eksempel nedenfor,

:root { --primær: #0B61A4; --sekundær: #25567B; } header { bakgrunn: var(--primær); border-bottom: 2px solid var(--sekundær); }

CSS Custom Properties vil gjøre redigering av CSS-filer mye enklere og mindre utsatt for feil, ettersom utviklere må endre verdien én gang i den tilpassede egenskapen, og endringen vil spres til all bruk av den variabelen automatisk.

Hvis du er en utvikler, kan du nå prøve CSS Custom Properties i de nylig utgitte Windows Insider Preview-byggene som begynner med EdgeHTML 15.15061. Sjekk også ut Custom Properties Pooch-demo for å se denne funksjonen i aksjon.