testing/web-platform/tests/css/css-backgrounds/border-image-slice-shorthand-reset.html
author Lando <lando@lando.test>
Fri, 11 Jul 2025 04:32:24 +0000 (104 minutes ago)
changeset 796014 f14d1c1492bc6791542a001365abbca4bd9b28db
parent 456959 b759759286cef05c6aad99a5eef1aa845b95cc9b
permissions -rw-r--r--
Merge autoland to mozilla-central
<!DOCTYPE html>
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image-slice" />
<link rel="help" href="https://drafts.csswg.org/css-backgrounds/#border-image" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
  div {
    border: 1px solid;
    border-image-slice: 1;
  }
  div {
    /* Should reset border-image-slice */
    border-image: linear-gradient(black, black);
  }
</style>
<div>This text should not have a border, just corner dots</div>
<script>
  test(() => {
    assert_equals(getComputedStyle(document.querySelector("div")).borderImageSlice, "100%");
  }, "Check that the border-image shorthand resets border-image-slice to its initial value.");
</script>