testing/web-platform/tests/css/css-backgrounds/border-image-round-and-stretch.html
author Lando <lando@lando.test>
Thu, 10 Jul 2025 16:11:40 +0000 (6 hours ago)
changeset 795966 8f464d9c468ba1a7c1b0338deaa8bc8023f8ae3d
parent 660844 f7a857e0f4b49fdb1e872db2f8d6ea530d551687
permissions -rw-r--r--
Merge autoland to mozilla-central
<!DOCTYPE html>
<html>
<head>
    <title>CSS Backgrounds and Borders Test: 'border-image' set as 'round' and 'stretch' </title>
    <link rel="author" title="Ren Jing" href="mailto:reni2046@gmail.com">
    <link rel="help" href="http://www.w3.org/TR/css3-background/#border-images">
    <link rel="match" href="reference/border-image-round-and-stretch-ref.html">
    <meta name="assert" content="orange diamonds on top and bottom border should be repeated 12 times, and orange diamonds on left and right border should be stretched, diamonds in corners should be red, and other diamonds should be orange.">
    <meta name="fuzzy" content="maxDifference=0-163;totalPixels=0-6375">
    <style type="text/css">
        .container {
            border: double red 1em;
            border-image: url("support/border.png") 27 round stretch;
            height:77px;
            width:192px;
        }
    </style>
</head>
<body>
    <p>The test passes if orange diamonds on top and bottom border repeat 12 times, and orange diamonds on left and right border are stretched, diamonds in corners are red, and other diamonds are orange.</p>
    <div class="container"></div>
</body>
</html>