Microsoft Edge gets new CSS Custom Properties with the Creators Update

Costea Lestoc By: Costea Lestoc
2 minute read

Home » Microsoft Edge gets new CSS Custom Properties with the Creators Update

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:

Discussions

Next up

5 steel structure design software to create amazing sketches

Vladimir Popescu avatar. By: Vladimir Popescu
Less than a 1 minute read

In the past, if you wanted to construct a steel structure,you first needed to manually create a construction plan and draw hundreds of sketches on […]

Continue Reading

What to do if your HP printer couldn’t print

Matthew Adams By: Matthew Adams
4 minute read

HP printer users have discussed “The printer couldn’t print” error on HP support forums. The full error message states: “Error printing on (printer model). The […]

Continue Reading

More Surface Pro 4 devices to be replaced due to faulty hardware

Giles Ensor avatar. By: Giles Ensor
3 minute read

Around the middle of this year, a firmware update for Microsoft Surface Pro 4 devices was released. Quickly afterwards, reports started coming in of display […]

Continue Reading