Microsoft Edge gets new CSS Custom Properties with the Creators Update

Reading time icon 2 min. read


Readers help support Windows Report. We may get a commission if you buy through our links. Tooltip Icon

Read our disclosure page to find out how can you help Windows Report sustain the editorial team Read more

CSS Custom Properties are getting a major upgrade with the release of the new Creators Update. It will also feature a closer look at how CSS properties operate within the platform’s confines as well as how developers are permitted to operate them. Developers are no doubt going to be very satisfied with the kind of capabilities they will be granted once the Creators Update is released.

Custom properties are the developer’s way of letting other developers easily manipulate CSS properties within their website’s files. A lot of duplication work is accessed through CSS such as deploying a website color scheme based on a set of repeating colors, for instance. The process involved in making that happen can be tedious and can lead to errors in the code. Through CSS custom properties, though, it can be done securely.

A var() function helps make it happen

There is a var() function used to assign values to properties. This is done by using the following var() function:

:root {

–primary: #0B61A4;

–secondary: #25567B;

}

header {

background: var(–primary);

border-bottom: 2px solid var(–secondary);

}“

Thanks to CSS Custom Properties and the way it handles variables, changes need to be applied only once to one variable. All further uses of that variable will be submitted to the same changes through this very developer friendly tool.

It’s a great help

This is a great tool for developers, even if there aren’t a lot of people that will benefit from the service. Microsoft will also get its fair share of appreciative users that were waiting for something like this for a very long time.

More might be coming

It will be interesting to see what Microsoft brings out next for developers as more tools like this can greatly improve the ecosystem as a whole throughout developer communities across multiple departments and branches. The new CSS Custom Properties experience is available right now for whoever has access to the Windows Insider platform.

RELATED STORIES TO CHECK OUT:

More about the topics: Microsoft Edge issues