empty.html (1086B)
1 <!doctype html> 2 <title>Empty URLs behaviour</title> 3 <link rel=help href=https://drafts.csswg.org/css-values/#url-empty> 4 <link rel=help href=https://github.com/w3c/csswg-drafts/issues/2211#issuecomment-365677844> 5 <script src=/resources/testharness.js></script> 6 <script src=/resources/testharnessreport.js></script> 7 <style> 8 #inline-unquoted { 9 background-image: url(); 10 cursor: url(), pointer; 11 } 12 13 #inline-quoted { 14 background-image: url(""); 15 cursor: url(""), pointer; 16 } 17 </style> 18 <link rel=stylesheet href=support/empty-urls.css> 19 <div id="inline-unquoted"></div> 20 <div id="inline-quoted"></div> 21 <div id="external-unquoted"></div> 22 <div id="external-quoted"></div> 23 <script> 24 const ids = [ 25 "inline-unquoted", 26 "inline-quoted", 27 "external-unquoted", 28 "external-quoted" 29 ]; 30 31 for (let id of ids) { 32 test(function() { 33 const el = document.getElementById(id); 34 const style = window.getComputedStyle(el); 35 assert_equals(style["background-image"], 'url("")'); 36 assert_equals(style["cursor"], 'url(""), pointer'); 37 }, "empty URL: " + id); 38 } 39 </script>