Blitz - WPT: background-color-clip.html

wpt / css / css-backgrounds / background-color-clip.html

/css/css-backgrounds/background-color-clip.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>Background Color Clip</title>
<link rel="match" href="reference/background-color-clip.html">
<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#background-color">
<meta name="assert" content="Check that the background color is clipped according to the background-clip value associated with the bottom-most background image layer.">
<style>
    div {
        width: 120px;
        height: 100px;
        background-color: green;
        background-clip: border-box, content-box, border-box;
        background-image: none, none;
        border-style: solid;
        border-width: 10px;
        border-color: transparent;
    }
</style>
<div></div>

/css/css-backgrounds/reference/background-color-clip.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>Green Rectangle</title>
<style>
    div {
        width: 120px;
        height: 100px;
        background-color: green;
        background-clip: content-box;
        border-style: solid;
        border-width: 10px;
        border-color: transparent;
    }
</style>
<div></div>