| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>CSS Test: Borders Radius Shorthand. </title> |
| <link rel="author" title="Arno" href="mailto:arno@arno.org"> |
| <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"> |
| <link rel="match" href="border-radius-shorthand-002-ref.html"> |
| <meta name="flags" content=""> |
| <meta name="assert" content="The shorthand border radius property can be used to specify all four eliptical corners of a box."> |
| <style type="text/css"> |
| /* <![CDATA[ */ |
| div |
| { |
| border-radius: 29px 43px 19px 13px / 5px 11px 23px 17px; |
| |
| background: #dddddd; |
| width: 200px; |
| height: 100px; |
| } |
| /* ]]> */ |
| </style> |
| |
| </head> |
| <body> |
| <p> |
| There should be one box, with four rounded corners, each corner a different radius. |
| </p> |
| <ul> |
| <li>PASS if the box below has four rounded corners.</li> |
| <li>FAIL if the corners are not rounded.</li> |
| </ul> |
| |
| <div></div> |
| |
| </body> |
| </html> |
| |