variable-definition-border-shorthand-serialize.html (933B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Variables - border shorthand set, serialize border-color</title> 5 6 <meta rel="author" title="Kevin Babbitt"> 7 <meta rel="author" title="Greg Whitworth"> 8 <link rel="author" title="Microsoft Corporation" href="http://microsoft.com" /> 9 <link rel="help" href="http://www.w3.org/TR/css-variables-1/#variables-in-shorthands"> 10 11 <script src="/resources/testharness.js"></script> 12 <script src="/resources/testharnessreport.js"></script> 13 </head> 14 <body> 15 <div id="target" style="border: var(--borderwidth) solid black"></div> 16 17 <script type="text/javascript"> 18 "use strict"; 19 20 test(function() { 21 var target = document.getElementById("target"); 22 assert_equals(target.style.getPropertyValue("border-color"), ""); 23 }, "border-color should serialize to empty when border shorthand references a variable"); 24 </script> 25 </body> 26 </html>