Blitz - WPT: background-clip-008.html

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

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>CSS Background and Borders Test: background-clip: padding-box with background-color</title>
  <link rel="author" title="Julien Chaffraix" href="mailto:jchaffraix@webkit.org">
  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
  <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-04-09 -->
  <link rel="help" href="http://www.w3.org/TR/css3-background/#the-background-clip" title="3.7. Painting Area: the 'background-clip' property">
  <meta name="assert" content="When 'background-clip' is set to 'padding-box', then the background painting area is clipped at the edges of the padding of the element. In this test, the padding box is 0px tall and as wide as the body element; therefore, red should not be visible.">
  <link rel="match" href="reference/ref-if-there-is-no-red.xht">
  <style>
   div
   {
    background-clip: padding-box;
    background-color: red;
    border: transparent solid 50px;
    height: auto;
    padding: 0px;
    width: auto;
   }
  </style>
 </head>
 <body>
  <p>Test passes if there is <strong>no red</strong>.</p>
   <div></div>
 </body>
</html>

/css/css-backgrounds/reference/ref-if-there-is-no-red.xht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Reftest Reference</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />

 </head>

 <body>

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

 </body>
</html>