Blitz - WPT: background-size-one-value-1x1-image.html

wpt / css / css-backgrounds / background-size-one-value-1x1-image.html

/css/css-backgrounds/background-size-one-value-1x1-image.html

<!DOCTYPE html>
<html>
<head>
    <title>CSS Background Test: A single size value with a 1x1 image should work as intended</title>
    <link rel="author" title="schenney" href="mailto:schenney@chromium.org">
    <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-size">
    <link rel="match" href="reference/background-size-one-value-1x1-image-ref.html">
    <style type="text/css">
    .backgroundSize{
        background: url("support/1x1-green.png");
        background-size: 50%;
        background-repeat: repeat-y;
        height: 100px;
    }
    </style>
</head>
<body>
    <div style="background: #7957d5">
        <div class="backgroundSize"></div>
    </div>
</body>
</html>

/css/css-backgrounds/reference/background-size-one-value-1x1-image-ref.html

<!DOCTYPE html>
<html>
<head>
    <title>CSS Background Test Reference</title>
    <link rel="author" title="schenney" href="mailto:schenney@chromium.org">
    <style type="text/css">
    .backgroundSize{
        background: url("../support/1x1-green.png");
        background-size: 50% 100%;
        background-repeat: repeat-y;
        height: 100px;
    }
    </style>
</head>
<body>
    <div style="background: #7957d5">
        <div class="backgroundSize"></div>
    </div>
</body>
</html>