testing/web-platform/tests/css/css-backgrounds/reference/border-image-013-ref.html
author Duncan McIntosh <dmcintosh@mozilla.com>
Wed, 09 Jul 2025 19:42:02 +0000 (3 hours ago)
changeset 795924 9ccc6a2267cbf69c621fec973bd28573c2a45a1f
parent 675980 15f016340e76159d780a1f2ac95e0871efa21713
permissions -rw-r--r--
Bug 1966586 - Reuse other browser windows when opening _blank links in Taskbar Tabs windows. r=nrishel This doesn't affect other tab additions, nor does it stop the tab bar from appearing altogether. The idea is that _if_ another tab is somehow made, the user should see it; but we should not create new tabs if we can avoid it. This also adds tests for opening URIs in popups and taskbar tabs to make it less likely that this breaks in future. Differential Revision: https://phabricator.services.mozilla.com/D253726
<!DOCTYPE html>

  <meta charset="utf-8">

  <title>CSS Reference Test</title>

  <!--

  Author is Chris Nardi

  -->

  <style>
  .borderContainer
    {
      height: 50px;
      position: relative;
      width: 50px;
    }

  .borderContainer > div
    {
      background-image: url("../support/green-dot.png");
      height: 10px;
      position: absolute;
      width: 10px;
    }

  .left
    {
      left: 0px;
    }

  .left1
    {
      left: 10px;
    }

  .left2
    {
      left: 20px;
    }

  .left3
    {
      left: 30px;
    }

  .right
    {
      right: 0px;
    }

  .top
    {
      top: 0px;
    }

  .top1
    {
      top: 10px;
    }

  .top2
    {
      top: 20px;
    }

  .top3
    {
      top: 30px;
    }

  .bottom
    {
      bottom: 0px;
    }
  </style>

    <p>Pass if the square has borders made of green dots and <strong>no red</strong>.

    <div class="borderContainer">
        <div class="top left"></div><div class="top left1"></div><div class="top left2"></div><div class="top left3"></div><div class="top right"></div>
        <div class="left top1"></div><div class="right top1"></div>
        <div class="left top2"></div><div class="right top2"></div>
        <div class="left top3"></div><div class="right top3"></div>
        <div class="bottom left"></div><div class="bottom left1"></div><div class="bottom left2"></div><div class="bottom left3"></div><div class="bottom right"></div>
    </div>