1 <!DOCTYPE html>
2 <html><head>
3 <title>CSS Test Background: border-radius property if horizontal value is zero</title>
4 <link href="mailto:silverman@adobe.com" rel="author" title="Marc Silverman">
5 <link href="http://www.w3.org/TR/css3-background/#the-border-radius" rel="help">
6 <link href="reference/border-radius-horizontal-value-is-zero-ref.htm" rel="match">
7 <meta content="If the horizontal radius length is zero, the corner is square, not rounded." name="assert">
8 <style type="text/css">
9 #rounded-div {
10 position: absolute;
11 top: 50px;
12 left: 5px;
13 width: 13em;
14 height: 8em;
15 border: solid 1em green;
16 border-radius: 0em / 5em
17 }
18 #error {
19 position: absolute;
20 top: 50px;
21 left: 5px;
22 width: 13em;
23 height: 8em;
24 border: solid 1em red;
25 }
26 </style>
27 </head>
28 <body>
29 <p>The test passes if the rectangle has four square corners (no red is shown).</p>
30 <div id="error">
31 </div>
32 <div id="rounded-div">
33 </div>
34
35
36 </body></html>