border-top-left-radius-values-003

'Border-top-left-radius' with one value as 0.

WeasyPrint

This browser

Assertion
If either value of 'border-top-left-radius' is 0 then the corner is a square.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml"><head>
 3         <title>CSS Test: 'Border-top-left-radius' with one value as 0.</title>
 4         <link href="http://www.microsoft.com/" rel="author" title="Microsoft">
 5         <link href="http://www.w3.org/TR/css3-background/#border-top-left-radius" rel="help">
 6         <meta content="" name="flags">
 7         <meta content="If either value of 'border-top-left-radius' is 0 then the corner is a square." name="assert">
 8         <style type="text/css">
 9             div
10             {
11                 width: 1in;
12                 height: 1in;
13                 border: 0.2in solid black;
14                 margin: 10px;
15             }
16             #reference
17             {
18             }
19             #test1
20             {
21                 border-top-left-radius : 0 80px;
22             }
23             #test2
24             {
25                 border-top-left-radius : 80px 0;
26             }
27             #test3
28             {
29                 border-top-left-radius : 0 0;
30             }
31         </style>
32     </head>
33     <body>
34         <p>Test passes if the four boxes are identical.</p>
35         <table>
36             <tbody><tr>
37                 <td>
38                     <div id="reference"></div>
39                     <div id="test1"></div>
40                 </td>
41                 <td>
42                     <div id="test2"></div>
43                     <div id="test3"></div>
44                 </td>
45             </tr>
46         </tbody></table>
47     
48 
49 </body></html>