| <html> |
| <head> |
| <style type="text/css" media="screen"> |
| div { |
| margin: 20px; |
| } |
| #specbox1 { |
| width: 200px; |
| height: 40px; |
| border: 20px solid black; |
| border-top-left-radius: 30px; |
| border-top-right-radius: 80px; |
| border-bottom-left-radius: 80px; |
| border-bottom-right-radius: 30px; |
| } |
| |
| #specbox2 { |
| width: 40px; |
| height: 200px; |
| border: 20px solid black; |
| border-top-left-radius: 30px; |
| border-top-right-radius: 80px; |
| border-bottom-left-radius: 80px; |
| border-bottom-right-radius: 30px; |
| } |
| </style> |
| </head> |
| <body> |
| <p>Test that corner-radii are constrained according to the CSS3 rules.</p> |
| <div id="specbox1"></div> |
| <div id="specbox2"></div> |
| </body> |
| </html> |
