Set IE specific css styles via javascript

I'm trying to set a CSS property, that is specific to IE, via javascript. Something like the following

document.body.style.-ms-content-zooming = "zoom";

or

document.body.style.-ms-scroll-snap-x = "whatever"

But the css property doesn't get set the way shown above (I tried the first line for sure). How could I accomplish the above task, or setting any css starting with a dash (-) for that matter, using javascript?