border-top-left-radius-011

Borders. Border-top-left-radius using one length value: 0 3em

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
To verify if either length is 0, then the corner is not rounded.

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: Borders. Border-top-left-radius using one length value: 0 3em</title>
 5         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 6         <meta http-equiv="Content-Style-Type" content="text/css">
 7         <meta http-equiv="Content-Script-Type" content="text/javascript">
 8         <link rel="author" title="Nokia" href="http://www.nokia.com/">
 9         <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius">
10         <link rel="match" href="reference/border-radius-001-ref.htm">
11         <meta name="flags" content="">
12         <meta name="assert" content="To verify if either length is 0, then the corner is not rounded.">
13         <style type="text/css">
14         /*  */
15         	div
16           {
17         		border:2px solid #a1a1a1;
18         		background:#dddddd;
19         		width:200px;
20         		height: 100px;
21         	}
22         	#test
23         	{
24         		border-top-left-radius: 0 3em;
25         	}
26          /*  */
27         </style>
28 <!--
29         <script type="text/javascript" src="js/css3_test_helper.js"></script>
30 -->
31     </head>
32     <body>
33     	<p>
34 			There should be two boxes with no rounded corners.
35 		</p>
36 		<!-- PASS AND FAIL CRITERIA ARE IN THE LIST BELOW -->
37 				<ul>
38 					<li>PASS if the two boxes below are the same.</li>
39 					<li>FAIL if the output is not as expected.</li>
40 				</ul>
41 
42         <!-- PLACE TEST CONTENT FROM HERE -->
43     	<div id="test"></div>
44 		<p><br></p>
45     	<div id="reference"></div>
46 <!--
47     	<script type="text/javascript">
48          /* <![CDATA[ */
49         	var expectedBorderRadius = "0px";
50 
51         	var testResult = check_CSS_property("border-top-left-radius", expectedBorderRadius);
52 
53         	/* if (testResult.pass)
54         	  // This portion of the code has been removed to ensure that the test case is not automated
55         	else {
56         		// This portion of the code has been removed to ensure that the test case is not automated
57           } */
58 
59           if (top.FrameEnabled)	top.fnLog(testResult);
60          /* ]]> */
61         </script>
62 -->
63     </body>
64 </html>