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.</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="'Border-top-left-radius' with an omitted second value has the vertical radius of the rounded corner equal to its horizontal radius." name="assert">
8 <style type="text/css">
9 #reference
10 {
11 height: 288px;
12 width: 384px;
13 border: 2px solid red;
14 border-top-left-radius: 50px 50px;
15 }
16 #test
17 {
18 margin-top: -292px;
19 height: 288px;
20 width: 384px;
21 border: 2px solid black;
22 border-top-left-radius: 50px;
23 }
24 </style>
25 </head>
26 <body>
27 <p>Test passes if the top-left corner of the box has a rounded corner and there is no red visible on the page.</p>
28 <div id="reference"></div>
29 <div id="test"></div>
30
31 </body></html>