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-radius' property with two values</title>
4 <link href="http://www.microsoft.com/" rel="author" title="Microsoft">
5 <link href="http://www.w3.org/TR/css3-background/#border-radius" rel="help">
6 <meta content="" name="flags">
7 <meta content="If bottom-right radius is omitted in the 'border-radius' property then the bottom-right radius is the same as the top-left radius." name="assert">
8 <style type="text/css">
9 div
10 {
11 width: 2in;
12 height: 2in;
13 border: 0.2in solid red;
14 }
15 #reference
16 {
17 border-top-left-radius : 10px;
18 border-top-right-radius : 50px;
19 border-bottom-right-radius : 10px;
20 border-bottom-left-radius : 50px;
21 }
22 #test
23 {
24 border-radius: 10px 50px;
25 border-color: green;
26 margin-top: -2.4in;
27 }
28 </style>
29 </head>
30 <body>
31 <p>Test passes if the box has rounded corners and there is no red visible on the page.</p>
32 <div id="reference"></div>
33 <div id="test"></div>
34
35
36 </body></html>