<!DOCTYPE html> <html> <head> <title>CSS variable references - shorthand properties - via CSSOM</title> <meta rel="author" title="Kevin Babbitt"> <meta rel="author" title="Greg Whitworth"> <link rel="author" title="Microsoft Corporation" href="http://microsoft.com" /> <link rel="help" href="http://www.w3.org/TR/css-variables-1/#serializing-custom-props"> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> </head> <body> <div id="target"></div> <script type="text/javascript"> "use strict"; function runTest() { var target = document.getElementById("target"); target.style.setProperty("margin", "var(--prop)"); assert_equals(target.style.margin, "var(--prop)", "margin property value after calling setProperty"); assert_equals(target.style.getPropertyValue("margin"), "var(--prop)", "getPropertyValue('margin') after calling setProperty"); target.style.removeProperty("margin"); assert_equals(target.style.margin, "", "margin property value after calling removeProperty"); assert_equals(target.style.getPropertyValue("margin"), "", "getPropertyValue('margin') after calling removeProperty"); } test(runTest); </script> </body> </html>