border-radius-shorthand-002-ref.html (824B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test: Border radius shorthand reference</title> 5 <link rel="author" title="arno" href="mailto:arno@arno.org"> 6 <style type="text/css"> 7 /* <![CDATA[ */ 8 div 9 { 10 border-top-left-radius: 29px 5px; 11 border-top-right-radius: 43px 11px; 12 border-bottom-left-radius: 13px 17px; 13 border-bottom-right-radius: 19px 23px; 14 background: #dddddd; 15 width: 200px; 16 height: 100px; 17 } 18 /* ]]> */ 19 </style> 20 </head> 21 <body> 22 <p> 23 There should be one box, with four rounded corners, each corner a different radius. 24 </p> 25 <ul> 26 <li>PASS if the box below has four rounded corners.</li> 27 <li>FAIL if the corners are not rounded.</li> 28 </ul> 29 30 <div></div> 31 </body> 32 </html>