<!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>