testing/web-platform/tests/css/css-backgrounds/background-clip-010.html
author Sandor Molnar <smolnar@mozilla.com>
Fri, 11 Jul 2025 19:57:29 +0300 (12 hours ago)
changeset 796221 8ba6984a5604ac7dcf50325b1a0ebadf9e305d22
parent 606595 895e9f55c489ee2cc6e5bb3b1039f863e5b72809
permissions -rw-r--r--
Revert "Bug 1972411 - give gnome-shell and pipewire more time to start, and retry the task if we time out. r=jmaher" for causing linux perma failures This reverts commit 2b905fe7199c9210434f7c7f8326b57025c91c55. Revert "Bug 1972411 - make /builds/worker/fetches a volume in the test docker image. r=releng-reviewers,Eijebong" This reverts commit 9d15aecaf6a08b98d3c47f2d0e644e35341b2520.
<!DOCTYPE html>

<html>

 <head>

  <meta charset="UTF-8">

  <title>CSS Background and Borders Test: background-clip - content-box with background-color</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-clip" title="3.7. Painting Area: the 'background-clip' property">
  <link rel="match" href="reference/ref-if-there-is-no-red.xht">

  <meta content="When 'background-clip' is set to 'content-box', then the background painting area is clipped at the edges of the content of the element. In this test, height is 'auto', therefore its used value is '0px'; width is 'auto', therefore its used value is as wide as the body element. So, the content box is 0px tall and as wide as the body element; therefore, red should not be visible." name="assert">

  <style type="text/css">
  div
  {
  background-clip: content-box;
  background-color: red;
  border: transparent solid 20px;
  height: auto;
  padding: 30px;
  width: auto;
  }
  </style>

 </head>

 <body>

  <p>Test passes if there is <strong>no red</strong>.</p>

  <div></div>

 </body>
</html>