outline-offset-rounding.tentative.html (1303B)
1 <!doctype html> 2 <title>outline-offset gets snapped like outline-width</title> 3 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/12906"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <body> 7 <script> 8 const values = [ 9 { input: "0px", expected: "0px" }, 10 { input: "0.1px", expected: "1px" }, 11 { input: "0.25px", expected: "1px" }, 12 { input: "0.5px", expected: "1px" }, 13 { input: "0.9px", expected: "1px" }, 14 { input: "1px", expected: "1px" }, 15 { input: "1.25px", expected: "1px" }, 16 { input: "1.5px", expected: "1px" }, 17 { input: "2px", expected: "2px" }, 18 { input: "2.75px", expected: "2px" }, 19 ]; 20 21 for (const {input, expected} of values) { 22 test(function() { 23 const div = document.createElement("div"); 24 div.style.outlineOffset = input; 25 document.body.appendChild(div); 26 assert_equals(getComputedStyle(div).outlineOffset, expected); 27 }, input) 28 29 let negExpected = input == "0px" ? "0px" : "-" + expected; 30 test(function() { 31 const div = document.createElement("div"); 32 div.style.outlineOffset = "-" + input; 33 document.body.appendChild(div); 34 assert_equals(getComputedStyle(div).outlineOffset, negExpected); 35 }, "-" + input) 36 } 37 </script>