background-clip-root

background-clip on root

WeasyPrint

This browser

Flags
image
Assertion
The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it.

Source

 1 <!DOCTYPE html>
 2 <html><!-- Submitted from TestTWF Paris --><head>
 3 
 4 <title>CSS Backgrounds and Borders Test: background-clip on root</title>
 5 <link href="http://lea.verou.me" rel="author" title="Lea Verou">
 6 <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help">
 7 <meta content="image" name="flags">
 8 <meta content="The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it." name="assert">
 9 <style>
10 
11 html {
12 	padding: 20px;
13 	background: url('support/1x1-green.png'), red;
14 	background-clip: content-box, border-box;
15 }
16 
17 </style>
18 
19 </head>
20 <body>
21 
22 <p>Test passes if there is green and <strong>no red</strong>.</p>
23 
24 
25 
26 </body></html>