clip-rect-001

clip: Missing commas in rect()

WeasyPrint

This browser

Flags
invalid, may
Assertion
User agents may support separation of values within rect() by whitespace instead of commas, but not a combination of whitespace and commas.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3  <head>
 4   <title>CSS Test: clip: Missing commas in rect()</title>
 5   <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/">
 6   <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#clipping">
 7   <meta name="flags" content="invalid may">
 8   <meta name="assert" content="User agents may support separation of values     within rect() by whitespace instead of commas, but not a combination of     whitespace and commas.">
 9   <style type="text/css">
10     div {
11       background: red;
12       width: 100px; height: 100px;
13     }
14     .inner {
15       position: absolute; 
16       background: green;
17       clip: rect(0,0,0,0);
18       clip: rect( 0 auto auto 0 );
19       clip: rect(0,0 0,0);
20       clip: rect(0 0,0,0);
21       clip: rect(0,0,0 0);
22       clip: rect(0 0,0 0);
23     }
24   </style>
25 
26  </head>
27  <body>
28     <p>There must be a green box below and no red.</p>
29     <div class="outer">
30       <div class="inner"></div>
31     </div>
32  </body>
33 </html>