Blitz - WPT: box-shadow-body.html

wpt / css / css-backgrounds / box-shadow-body.html

/css/css-backgrounds/box-shadow-body.html

<!DOCTYPE html>
<html>
<head>
    <title>CSS box-shadow Test: &lt;body&gt; shadow should look the same regardless of background color</title>
    <link rel="author" title="fmalita" href="mailto:fmalita@chromium.org">
    <link rel="help" href="https://www.w3.org/TR/css-backgrounds-3/#the-box-shadow">
    <link rel="match" href="reference/box-shadow-body-ref.html">
    <style type="text/css">
    body {
        position: relative;
        box-shadow: 0 0 0 4px red;
        height: 300px;
        width: 600px;
        margin: 20px auto;
        background-color: white;
    }
    </style>
</head>
<body></body>
</html>

/css/css-backgrounds/reference/box-shadow-body-ref.html

<!DOCTYPE html>
<html>
<head>
    <title>CSS box-shadow Test Reference</title>
    <link rel="author" title="fmalita" href="mailto:fmalita@chromium.org">
    <style type="text/css">
    html {
        background-color: white;
    }
    body {
        position: relative;
        box-shadow: 0 0 0 4px red;
        height: 300px;
        width: 600px;
        margin: 20px auto;
    }
    </style>
</head>
<body></body>
</html>