Status: PASS | Duration: 5ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/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>