background-color-clip.html

mozilla-central/testing/web-platform/tests/css/css-backgrounds/background-color-clip.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout: Images, Video, and HTML Frames

Revision control

Copy as Markdown

Other Tools

Test Info:

This WPT test may be referenced by the following Test IDs:
- /css/css-backgrounds/background-color-clip.html - WPT Dashboard Interop Dashboard

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