border-radius-shorthand-002.html (1024B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test: Borders Radius Shorthand. </title> 5 <link rel="author" title="Arno" href="mailto:arno@arno.org"> 6 <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-radius"> 7 <link rel="match" href="border-radius-shorthand-002-ref.html"> 8 <meta name="assert" content="The shorthand border radius property can be used to specify all four eliptical corners of a box."> 9 <style type="text/css"> 10 /* <![CDATA[ */ 11 div 12 { 13 border-radius: 29px 43px 19px 13px / 5px 11px 23px 17px; 14 15 background: #dddddd; 16 width: 200px; 17 height: 100px; 18 } 19 /* ]]> */ 20 </style> 21 22 </head> 23 <body> 24 <p> 25 There should be one box, with four rounded corners, each corner a different radius. 26 </p> 27 <ul> 28 <li>PASS if the box below has four rounded corners.</li> 29 <li>FAIL if the corners are not rounded.</li> 30 </ul> 31 32 <div></div> 33 34 </body> 35 </html>