Met Windows 10 Creators Update wordt Microsoft Edge geleverd met ondersteuning voor CSS Custom Properties

Met de aankomende Windows 10 Creators Update die volgende maand uitkomt, ondersteunt Microsoft Edge CSS Custom Properties waarmee ontwikkelaars variabelen volledig kunnen cascaderen over CSS-eigenschappen.

Over het algemeen kunnen webapplicaties behoorlijk wat CSS bevatten. De meeste waarden in het CSS-bestand zijn dubbele gegevens; een site kan bijvoorbeeld een kleurenschema opstellen en drie of vier kleuren op de hele site hergebruiken. Het wijzigen van deze gegevens kan moeilijk en foutgevoelig zijn, omdat ze verspreid zijn over het CSS-bestand (en mogelijk over meerdere bestanden) en mogelijk niet geschikt zijn voor Zoeken en vervangen. CSS Custom Properties lost dit probleem op door gebruik te maken van een familie van aangepaste, door de auteur gedefinieerde eigenschappen die gezamenlijk bekend staan ​​als aangepaste eigenschappen, waarmee ontwikkelaars willekeurige waarden kunnen toewijzen aan een eigenschap met een naam, en de functie var() waarmee ontwikkelaars die waarden vervolgens kunnen gebruiken in andere eigenschappen elders in het document. Bekijk hieronder een voorbeeld,

:root { --primair: #0B61A4; --secundair: #25567B; } header { background: var(--primary); border-bottom: 2px solide var(--secundair); }

Aangepaste CSS-eigenschappen maken het bewerken van CSS-bestanden veel gemakkelijker en minder foutgevoelig, omdat ontwikkelaars de waarde één keer moeten wijzigen in de aangepaste eigenschap, en de wijziging wordt automatisch doorgevoerd in alle vormen van gebruik van die variabele.

Als u een ontwikkelaar bent, kunt u nu CSS Custom Properties proberen in de onlangs uitgebrachte Windows Insider Preview-builds die beginnen met EdgeHTML 15.15061. Bekijk ook de Aangepaste eigenschappen Pooch-demo om deze functie in actie te zien.