border-image-slice-shorthand-reset.html (760B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image-slice" /> 3 <link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image" /> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <style> 7 div { 8 border: 1px solid; 9 border-image-slice: 1; 10 } 11 div { 12 /* Should reset border-image-slice */ 13 border-image: linear-gradient(black, black); 14 } 15 </style> 16 <div>This text should not have a border, just corner dots</div> 17 <script> 18 test(() => { 19 assert_equals(getComputedStyle(document.querySelector("div")).borderImageSlice, "100%"); 20 }, "Check that the border-image shorthand resets border-image-slice to its initial value."); 21 </script>